Jump to content

Header background UniPageControl


artem_niko

Recommended Posts

2 minutes ago, Freeman35 said:

my css is:


._tab-bar .x-tab-bar{background-color:#3f454c!important}
._tab .x-tab{background-color:lightslategray}
._tab-active .x-tab-active{font-family:Arial,Helvetica,sans-serif!important;font-weight:bold;font-size:14px}

 

I must put this code in CustomCSS in UniServerModule and set UniPageControl. LayoutConfig.BoCls? 

Link to comment
Share on other sites

yes,  but not bodyCls, just " Cls ->  _tab-bar _tab-active _tab "

you can make a external css file too, when you wanna change someting in css property, You have not upload your app to sever, just modify css file, on client site press F5 or refresh browser.

Link to comment
Share on other sites

1 minute ago, Freeman35 said:

yes,  but not bodyCls, just " Cls ->  _tab-bar _tab-active _tab "

you can make a external css file too, when you wanna change someting in css property, You have not upload your app to sever, just modify css file, on client site press F5 or refresh browser.

OK! Very thanks. 

One question. 

How set path to external CSS file and where I must put path? In UniServerModule, in CustomFiles? Path must be full? 

Link to comment
Share on other sites

On 7/13/2019 at 6:51 PM, Freeman35 said:

"servermodule.CustomFiles.add('files\xxxx.xxxxxx');

follow on help and forum ;)

Hello!

Look, I create external CSS file and put him in ...files\:

https://pastenow.ru/63SUB

Also, I set property of UniPageControl1.LayoutConfig.Cls (see attachment Property.png)

Proeperty.png

But, this is not work...

Header of UniPageControl1 not changing.

In second attachment, my CSS file.

https://dropmefiles.com/Okcs8

What is a problem?

Link to comment
Share on other sites

1 hour ago, Freeman35 said:

I'm use firefox, that screenshot from F12 developer mode, check your css from there, some time need to F5 so reload last modified file(s)

tabbar.gif

How create this using CSS?

Can you create very small simple test project? May be I do something not right...

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...