TUniDBTreeGrid selected row color, mouseover rowcolor, Themes

[gerhardhziegler]

Good afternoon,

some of the themes, like W10, do not mark the selected row neither the mouseover with a color (neptune or default do so).

Anyway I tried to change this by some css, like explained (here at the forum) for all other grid types, but it did not work with the UniDBTreeGrid. For me it seems, there is some other CSS I could need, but I could really need some advice now.

Best regards from Berlin,

 

 

Gerhard

[Sherzod]

Hi,

 

Can you try to use this approach for now ?!:

 

1. CustomCSS:

.mygrid .x-tree-view .x-grid-row .x-grid-cell-selected {
    background-color: #b8cfee !important;
}

.mygrid .x-tree-view .x-grid-row-selected .x-grid-td, .mygrid .x-tree-view .x-grid-row-over .x-grid-td, .mygrid .x-tree-view .x-grid-row-focused .x-grid-td {
    background-color: #d8daeb !important;    
}

.mygrid .x-grid-with-row-lines .x-grid-td {
    border-width: 1px !important;
    border-left-width: 0px !important;
    border-top-width: 0px !important;
    border-color: #ededed #d0d0d0 #ededed #d0d0d0 !important;
    border-style: solid !important;
}

.mygrid .x-tree-view .x-tree-node-text {
    border: none !important;
}

2.

function beforeInit(sender, config)
{
    config.cls='mygrid';
}

Best regards,

[gerhardhziegler]

Wonderful. We couldnt find out the complete CSS for this component. 
Where did you get it?