artem_niko Posted July 13, 2019 Share Posted July 13, 2019 Hello! I want set color of background of header in UniPageControl. In first attach - how is now: https://pastenow.ru/63CP0 In second attach - how I want: https://pastenow.ru/63CP4 Please, help me write code and set color in background! I want set white color (as in secind attach). Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted July 13, 2019 Share Posted July 13, 2019 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} Quote Link to comment Share on other sites More sharing options...
artem_niko Posted July 13, 2019 Author Share Posted July 13, 2019 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? Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted July 13, 2019 Share Posted July 13, 2019 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. Quote Link to comment Share on other sites More sharing options...
artem_niko Posted July 13, 2019 Author Share Posted July 13, 2019 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? Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted July 13, 2019 Share Posted July 13, 2019 "servermodule.CustomFiles.add('files\xxxx.xxxxxx'); follow on help and forum Quote Link to comment Share on other sites More sharing options...
artem_niko Posted July 13, 2019 Author Share Posted July 13, 2019 18 minutes ago, Freeman35 said: "servermodule.CustomFiles.add('files\xxxx.xxxxxx'); follow on help and forum Thanks. I searxhed in forum, many read topics and find answer on my question, but not found. Quote Link to comment Share on other sites More sharing options...
artem_niko Posted July 15, 2019 Author Share Posted July 15, 2019 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? Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted July 15, 2019 Share Posted July 15, 2019 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) Quote Link to comment Share on other sites More sharing options...
artem_niko Posted July 15, 2019 Author Share Posted July 15, 2019 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) How create this using CSS? Can you create very small simple test project? May be I do something not right... Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted July 15, 2019 Share Posted July 15, 2019 procedure TUniServerModule.UniGUIServerModuleBeforeInit(Sender: TObject); begin Self.CustomFiles.Clear; Self.CustomFiles.add('files\badgetext.js'); Self.CustomFiles.add('files\Css.css'); Did you try this way? Quote Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted July 15, 2019 Share Posted July 15, 2019 4 hours ago, Артем said: How create this using CSS? Can you create very small simple test project? May be I do something not right... Hello, Can you please specify which edition and build of UniGUI are you using? Quote Link to comment Share on other sites More sharing options...
artem_niko Posted July 15, 2019 Author Share Posted July 15, 2019 9 minutes ago, Hayri ASLAN said: Hello, Can you please specify which edition and build of UniGUI are you using? I'm use uniGUI Complete Trial Edition 1.90.0.1500 (uniGUI Equinox) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.