jqxToolbar fill color

[roblajollaParticipant]

Hi,

I would like to override the jqx-fill-state-normal background-color, but ONLY for the toolbar component. Changing the jqx-fill-state-normal changes too many components.

I have tried:

.jqx-toolbar-indigo .jqx-fill-state-normal-indigo {border-color: #3F51B5; color: #ffffff; background-color: #3F51B5;}

but that only seems to work on the tools themselves and not on the entire toolbar’s background.

Thank you very much!

Rob

[DimitarParticipant]

Hi Rob,

Please try applying the following CSS to your page:

.jqx-toolbar.jqx-fill-state-normal {
  border-color: #3F51B5;
  color: #ffffff;
  background-color: #3F51B5;
}

You can see the result in the following example: https://www.jseditor.io/?key=jqxtoolbar-fill-color.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[roblajollaParticipant]

Dimitar,

That worked perfectly! Thank you for your continued support.

Rob

[Author]

Posts