Colors and style of a TUniTreeView

[bbm]

Hi,

I use an external css-file for  treeview.

.tvcolor .x-tree-view {
  background-color: #F0F0F0;
}
.tvcolor .x-tree-view  .x-grid-cell-inner-treecolumn {
  background-color: #F0F0F0;
}

Now I have the problem, that I want to have a special color for a selected item (also mouse move over) and no border for the selected item.

 

Any body who can help me?

Best regards

[Sherzod]

14 minutes ago, bbm said:

Now I have the problem, that I want to have a special color for a selected item (also mouse move over)

Hi,

.tvcolor .x-tree-view {
  background-color: #F0F0F0;
}
.tvcolor .x-tree-view .x-grid-item {
  background-color: #F0F0F0;
}

.tvcolor .x-tree-view .x-grid-item-over {
  background-color: lime;
}

.tvcolor .x-tree-view .x-grid-item-selected {
  background-color: limegreen;
}

 

[Sherzod]

1 hour ago, bbm said:

Now I have the problem, that I want to have a special color for a selected item (also mouse move over) and no border for the selected item.

.tvcolor .x-tree-view {
  background-color: #F0F0F0;
}
.tvcolor .x-tree-view .x-grid-item {
  background-color: #F0F0F0;
}

.tvcolor .x-tree-view .x-grid-item-over {
  background-color: lime;
}

.tvcolor .x-tree-view .x-grid-item-selected {
  background-color: limegreen;
  
}

.tvcolor .x-tree-view .x-grid-item-focused .x-grid-cell-inner:before {
  border: none;
}

 

[bbm]

Hi,

thank you very much for your really quick support.

It works fine.

Where can I find this information? Or is that years of experience and corresponding knowledge?

Best regards

[Sherzod]

15 minutes ago, bbm said:

Where can I find this information? Or is that years of experience and corresponding knowledge?

Hi,

This is a difficult question than the previous one.  

Well, here mainly need to learn ExtJS CSS classes, also analyze them using web tools...

[bbm]

Hi,

 

OK, then I will come back to you, if I have another question. I think this is the better way .

Thanks again

[Sherzod]

OK, thank you.

Yes, of course, we will try to help.