Remove All Borders from TUniPageControl and its UniTabSheet

[M.Ammar]

Hi All

I know it is a repeated Post, I have found 2 posts regarding this issue but non of them worked for me, or only works on the classic theme 

I Use uni_emerald and uni_sencha themes and non of the solutions worked with it

I have tried this 

and this 

Removing the boarders or set boarders colour to white is a solution for me

Best Regards

[Sherzod]

Hi, 

We will check. If you have a simple testcase please attach. 

[M.Ammar]

17 minutes ago, Sherzod said:

Hi, 

We will check. If you have a simple testcase please attach. 

Hi 

Thank you for reply

this sample I used from one of the above  posts.

regards

PageControlBorder.rar

[Sherzod]

3 hours ago, M.Ammar said:

PageControlBorder.rar

Hi,

Thanks for the testcase.

OK. Try function tabPanel.beforeInit, not beforeInit.

function tabPanel.beforeInit(sender, config)
{
    sender.border = false;
}

 

[M.Ammar]

Hi 

Thank you for reply, I have tested this before tabPanel.beforeInit , only works with classic theme

PageControlBorder_2.rar

[Sherzod]

22 minutes ago, M.Ammar said:

Thank you for reply, I have tested this before tabPanel.beforeInit , only works with classic theme

Hi,

Ok, I will check.

[M.Ammar]

Hi

I found  a way to remove them it is not practical, but maybe it will help you find a good solution ,

I set margin to the UniTapSheet to

0 -2 -2 -2

and these lines not appear anymore. 

[Sherzod]

1 hour ago, M.Ammar said:

I have tested this before tabPanel.beforeInit , only works with classic theme

Also try with these changes.

1. CustomCSS:

.noborderpanel .x-panel-body-default {
    border-style: none;
}

2. UniPageControl.LayoutConfig.Cls = noborderpanel

[M.Ammar]

1 hour ago, Sherzod said:

Also try with these changes.

1. CustomCSS:

.noborderpanel .x-panel-body-default {
    border-style: none;
}

2. UniPageControl.LayoutConfig.Cls = noborderpanel

thanks you this works perfect

 

[emin]

I need to hide or remove borders. I've tried all the suggestions above. Unfortunately borders still exist

I use win 10 theme. 

pagecontrolbordertest.rar

[Sherzod]

2 hours ago, emin said:

pagecontrolbordertest.rar 5.91 MB · 2 downloads

Hello,

Try

1. UniPageControl -> LayoutConfig -> Cls = .noborderpanel

2. CustomCSS:

.noborderpanel.x-tabpanel-child {
    border: none !important;
}

 

[emin]

It works well when there is only a pagecontrol on form. However if I add another components it doesn't work. I added a new test case. Could you please check it.

new_pagecontrolbordertest.rar