Remove PageControl borders [ RESOLVED ]

[Fábio Matte]

Remove PageControl borders

Good afternoon,
How do I remove these borders (see attached image) that appear around the PageControl components, to make the look more elegant?

Is it possible to do via CSS, if so, how should I do it? Or what other way is that possible?

[Sherzod]

On 4/12/2019 at 11:10 PM, Fábio Matte said:

see attached image

Hello,

Can you make a simple testcase for this?

[Fábio Matte]

See the video where I show the screen where the PageControls are bordered to the end on the sides of the pages.

I'd like to remove those edges.

[Fábio Matte]

1 hour ago, Sherzod said:

Hello,

Can you make a simple testcase for this?

Follows post.

http://forums.unigui.com/index.php?/topic/12263-remove-pagecontrol-borders/&do=findComment&comment=65460

[Fábio Matte]

Attach a test file.

On 4/15/2019 at 12:52 PM, Sherzod said:

Hello,

Can you make a simple testcase for this?

 

PageControlBorder.rar

[Sherzod]

50 minutes ago, Fábio Matte said:

Attach a test file.

Can you try this approach?

function beforeInit(sender, config)
{
    config.defaults = {
        border:0
    };
}

 

[Fábio Matte]

52 minutes ago, Sherzod said:

Can you try this approach?

function beforeInit(sender, config)
{
    config.defaults = {
        border:0
    };
}

 

Thank you, my problem has been resolved.

[rgreat]

On 4/17/2019 at 4:13 PM, Sherzod said:

Can you try this approach?

function beforeInit(sender, config)
{
    config.defaults = {
        border:0
    };
}

 

This approach is not working at Crisp theme.

Any suggestions?

[Sherzod]

2 hours ago, rgreat said:

This approach is not working at Crisp theme.

Any suggestions?

1. CustomCSS:

.customPG .x-panel-default {
    border-width: 0;
}

2. UniPageControl1 -> LayoutConfig -> Cls = customPG

[rgreat]

..

[rgreat]

2 hours ago, Sherzod said:

1. CustomCSS:

.customPG .x-panel-default {
    border-width: 0;
}

2. UniPageControl1 -> LayoutConfig -> Cls = customPG

You are very helpful, Sherzod. 

But I'm afraid I still in need of your help. 

1. Margins (default 3/3/3/3 here) are not the same in Crisp theme. Can it be fixed globally?

2. TabSheet have white border inside PageControl at right and bottom of the sheet. Why? Can I remove that?

Basic test case attached.

0.zip

[Sherzod]

I will check it. 

[rgreat]

On 3/16/2021 at 4:36 AM, Sherzod said:

I will check it. 

any luck?

[rgreat]

It would be nice to have this fixed, as currently it looks dirty and unprofessional.

[rgreat]

up

[rgreat]

up

[Sherzod]

On 3/29/2021 at 4:36 AM, rgreat said:

up

Hello,

Sorry, I will analyze again.

[rgreat]

On 3/31/2021 at 3:39 PM, Sherzod said:

Hello,

Sorry, I will analyze again.

Still hope

[rgreat]

Up.

[Sherzod]

1 hour ago, rgreat said:

Up.

Это первое, что заметил.

The first thing I noticed.

[rgreat]

1 hour ago, Sherzod said:

Это первое, что заметил.

The first thing I noticed.

А это остатки от попытки борьбы с другими проблемами с "уплывающими" куда попало элементами.

Там еще веселей.

Содержимое TabSheet-ов, которые изначально юзеру не видны, при переключении на них были как будто смещены вверх и обрезаны на несколько пикселей.

Внешний вид становится, таким как задизайнено только после ресайза браузера на открытом TabSheet.

В этом обрезанном примере этого не видно. Так что можно отключить, ни на что не влияет. Забыл убрать.

Если интересно, могу попробовать сделать Test Case.

---

And these are the remnants of an attempt to deal with other problems with elements "floating away" anywhere.

It's even more fun there.

The contents of TabSheet's, which were initially invisible to the user, were as if shifted upward and cut off by a few pixels when switching to them.

The appearance becomes the same as it was designed only after the browser is resized on an open TabSheet.

This is not visible in this cropped example. So you can turn it off, it doesn't affect anything. Forgot to clean up.

If you interested I could create a Test Case.