Canvas/Grid - selected row highlight color

[lianjascottking]

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

Thanks,
Scott

[yvonne.milne]

Hi Scott,

You can do it through CSS, e.g.



Regards,

Yvonne

[phabio]

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

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

thanks
Fabio

[yvonne.milne]

selected not selectd

[lianjascottking]

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:

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

[yvonne.milne]

Hi Scott,

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

Regards,

Yvonne

[lianjascottking]

Tried re-loading with no luck.

I changed the .css file to this:

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.

[phabio]

selected not selectd

:-)

thanks
Fabio

[lianjascottking]

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

Thanks for your help, Yvonne!

[yvonne.milne]

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.

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

Regards,

Yvonne