araujoadanr Posted May 31, 2018 Share Posted May 31, 2018 Someone knows how I can change the font size of the UniTreeMenu, and modify the background color. I am trying to replace my menus made with complicated panels framed by this component. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 31, 2018 Share Posted May 31, 2018 Hi, background color. Try this: 1. UniTreeMenu -> LayoutConfig -> Cls = _treemenu 2. CustomCSS: ._treemenu .x-treelist, ._treemenu .x-treelist-row{ background-color: green; } Quote Link to comment Share on other sites More sharing options...
araujoadanr Posted May 31, 2018 Author Share Posted May 31, 2018 background color: Excelent, OK. BR Adan Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 31, 2018 Share Posted May 31, 2018 Maybe like this?: ._treemenu .x-treelist, ._treemenu .x-treelist-row{ background-color: green; } ._treemenu .x-treelist-row-over, ._treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{ background-color: #295C29; } ._treemenu .x-treelist-item-text, ._treemenu .x-treelist-item-icon, ._treemenu .x-treelist-item-expander { color: black; font-size: 14px; } Quote Link to comment Share on other sites More sharing options...
araujoadanr Posted June 1, 2018 Author Share Posted June 1, 2018 Excelent, thank you very much. Adan Quote Link to comment Share on other sites More sharing options...
zanona Posted June 15, 2018 Share Posted June 15, 2018 If the menu is micro active the css color is not respected! Quote Link to comment Share on other sites More sharing options...
easegura777 Posted June 28, 2018 Share Posted June 28, 2018 Hello, I have the same problem in micro mode I do not care about the changes Quote Link to comment Share on other sites More sharing options...
Valls Posted October 2, 2018 Share Posted October 2, 2018 Hello, I have the same problem in micro mode don't use css specs. Thanks Quote Link to comment Share on other sites More sharing options...
easegura777 Posted November 20, 2018 Share Posted November 20, 2018 Hi, I have the same problem, report months ago the problem, please Help!!! Quote Link to comment Share on other sites More sharing options...
Kattes Posted November 26, 2018 Share Posted November 26, 2018 By crawling through the uniGUI sources I found another nice one for me: .x-treelist-nav .x-treelist-item-selected>.x-treelist-row:before { background-color: #c0d4ed } For own experiments i recommend a closer look into the file "theme-classic-all_1.css". Quote Link to comment Share on other sites More sharing options...
Kattes Posted November 26, 2018 Share Posted November 26, 2018 On 6/15/2018 at 2:03 PM, zanona said: If the menu is micro active the css color is not respected! Try this: .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool { color: green; background-color: red; } Quote Link to comment Share on other sites More sharing options...
Sergey Grigoriev Posted May 23, 2019 Share Posted May 23, 2019 Hi, I have the same problem with micro mode. Please Help!!! Quote Link to comment Share on other sites More sharing options...
azago Posted June 1, 2019 Share Posted June 1, 2019 I would like to know how to change the color and background of the selected row. For defualt the color of semlected row is white and therefore if I change the background color ._treemenu .x-treelist, ._treemenu .x-treelist-row{ background-color: white; } I can't see the selected row again i tried ._treemenu .x-treelist-row-over, ._treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{ background-color: red; } but with UNIGUI v.1.90.0.1498 and Delphi Rio it has no effect Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 1, 2019 Share Posted June 1, 2019 16 minutes ago, azago said: but with UNIGUI v.1.90.0.1498 and Delphi Rio it has no effect Hello, Can you make a simple testcase for reproduce? Quote Link to comment Share on other sites More sharing options...
azago Posted June 1, 2019 Share Posted June 1, 2019 Attached testcase Thanks _Request_TreeMenu.7z Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 1, 2019 Share Posted June 1, 2019 1 hour ago, azago said: Attached testcase ... ._treemenu .x-treelist-row-over, ._treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{ background-color: red !important; } ... Quote Link to comment Share on other sites More sharing options...
azago Posted June 1, 2019 Share Posted June 1, 2019 Thanks. It Works. There is only one problem. If I click on an item and then move to another item, I find myself with 2 items selected as shown with _treemenu .x-treelist, ._treemenu .x-treelist-row{ background-color: white; } ._treemenu .x-treelist-row-over, ._treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{ background-color: #286090 !important; } ._treemenu .x-treelist-item-text, ._treemenu .x-treelist-item-icon, ._treemenu .x-treelist-item-expander { color: #286090; font-size: 14px; } it becomes so Quote Link to comment Share on other sites More sharing options...
jahlxx Posted June 6, 2021 Share Posted June 6, 2021 On 5/31/2018 at 8:38 PM, Sherzod said: Maybe like this?: ._treemenu .x-treelist, ._treemenu .x-treelist-row{ background-color: green; } ._treemenu .x-treelist-row-over, ._treemenu .x-treelist-nav .x-treelist-item-selected > .x-treelist-row{ background-color: #295C29; } ._treemenu .x-treelist-item-text, ._treemenu .x-treelist-item-icon, ._treemenu .x-treelist-item-expander { color: black; font-size: 14px; } Hi. This works, but not when Micro = true. Is possible? Thanks. 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.