Canvas/Grid - selected row highlight color

On a canvas grid, the selected row has a dotted outline. Is it possible to highlight the selected row with a color?

Thanks,
Scott

Hi Scott,

You can do it through CSS, e.g.

Attachment 1386

Regards,

Yvonne

Hi Yvonne,
I've try, but this css color all the row..

Code:

---

lianja_ui_tree::item:selectd {
        background:white;
        color:black;
        border: 5px solid blue;
}

---

Attachment 1387
thanks
Fabio

selected not selectd

Thank you, Yvonne.

Here is what I am using, but it doesn't seem to work. Any suggestions?

Name of control: grdClientList

Attribute
CSS Style: app:/clientlist_section1_grdClientList_cssstyle.css

clientlist_section1_grdClientList_cssstyle.css contents:

Code:

---

lianja_ui_tree::item:selected {
background:white;
color:black;
border: 3px solid blue;
}

---

Hi Scott,

That looks fine.
Try saving and reloading the App to check that it is picking up the new css file.

Regards,

Yvonne

Tried re-loading with no luck.

I changed the .css file to this:

Code:

---

lianja_ui_tree::item:selected {
background:white;
color:black;
border: 3px solid blue;
}

lianja_ui_tree {
font-size: 28px;
}

---

and the font-size did change, but not the selected row color, so it appears to be reading the .css file.

Quote:

---

Originally Posted by yvonne.milne

selected not selectd

---

:-)

thanks
Fabio

I changed the setting for "Can select rows" to True and the CSS formatting is working now.

Thanks for your help, Yvonne!

Hi Scott,

That's great.

Before I saw your last post I was wondering if you were wanting to change the border as you moved the mouse over the rows rather than when you actually selected a row.

If anyone else is interested in this, you can use the 'hover' pseudo-state, e.g.

Code:

---

lianja_ui_tree::item:hover {
        border: 3px solid blue;
}

---

Regards,

Yvonne