UniTreeMenu font size

[araujoadanr]

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.

[Sherzod]

Hi,

 

background color.

 

Try this:

 

1. UniTreeMenu -> LayoutConfig -> Cls = _treemenu

 

2. CustomCSS:

._treemenu .x-treelist, ._treemenu .x-treelist-row{
  background-color: green;
}

[araujoadanr]

background color: Excelent, OK.

 

BR

Adan

[Sherzod]

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;
}

[araujoadanr]

Excelent, thank you very much.

Adan

[zanona]

If the menu is micro active the css color is not respected!

 

 

 

[easegura777]

Hello, I have the same problem in micro mode I do not care about the changes

[Valls]

Hello, I have the same problem in micro mode don't use css specs.

 

Thanks

 

[easegura777]

Hi, I have the same problem, report months ago the problem, please Help!!!

 

[Kattes]

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".

[Kattes]

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;
}

 

 

 

 

 

 

 

 

 

[Sergey Grigoriev]

Hi, I have the same problem with micro mode. Please Help!!!

[azago]

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

 

 

[Sherzod]

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?

[azago]

Attached testcase

 

Thanks

_Request_TreeMenu.7z

[Sherzod]

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;
}

...

 

[azago]

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

 

 

[jahlxx]

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.