Listbox selected row colour

Targets Web
1

Is there any way to change the colour of the selected row within a web listbox from the default blue to match with other styles?

Thanks in advance.

2

AFAIK there is only one way with WCC (http://webcustomcontrols.com/)

3

Thanks Jan-Ole it looks like Daniel has something in the pipeline. https://forum.xojo.com/10390-weblistbox-row-highlight-color/0#p74075

4

There you go :wink:

5

It’s coming… <https://xojo.com/issue/22898>

6

I dont understand why everyone has such a bit issue with changing the listbox select colour, simply add the following to your HTML Header and change the colour to be what you want the select colour to be.

<style> div.listbox tr.selected td div { color: #0B6121 !important; } </style>

7

You can also use the above with a small tweak to have a hover colour as well.

8

Well but you maybe dont want to have all of them with the same color? And you cant manage it with Javascript/CSS because the IDs are dynamically generated.

9

Thanks Nathan that should work as a global setting.

I look forward to see how it is implemented within Xojo because it will be more granular with different properties as per style/colour selected at each instance of the listbox. Hopefully included in the next release. (Greg?)

10

Yes but you can at least put it in the PageSource so it become page specific. Not ideal but still works really well unless you want different select colours on different listboxes on the same page, if thats what you want then your stuffed at present but I think this should be possible soon from what Greg has said.

11

:wink:
Well with WCC you can, but i’d like to see it in Xojo w/o any plugins, like they arrow-keys-navigation in the Web-App(!)