How to reference grid components items in CSS stylesheet.

Hi,

How would I specify the different parts of the grid in a style sheet?

I am particularly interested in headers and row:hover, but a full list would be fantastic.

Thanks.

Herb

I can deduce that lianja_ui_grid is the main component :)
and the text is picked up, which is cool.

Attachment 1369

My assumption is that I need to set the hover to individual row, or cell.

Thanks.

Herb

Hi Herb,

Have a look at lianja_ui_grid::item

e.g.

Code:

---

lianja_ui_grid::item {
    border: 2px solid red;
}
lianja_ui_grid::item:selected {
    border: 2px solid blue;
}
lianja_ui_grid::item:!hover {
        background:pink;
}
lianja_ui_grid::item:hover {
        background:yellow;
}

---

Regards,

Yvonne

This is great.

Thanks Yvonne.