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). 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} 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? 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. 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? 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 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. 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? 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) 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... 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? 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? 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) Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now