Fade background on hover?

[realtekParticipant]

Hi,

Is it possible to get any/all of the widgets to fade the background in rather than suddenly change the entire background when you hover over any of the data within widgets, such as the grid and dropdown fields?

I think it would be much more visually friendly and be a bit more fluent.

Hopefully there is a way over adding a transition delay to the background changing.

Thanks

[VladimirParticipant]

Hello realtec,

You can add such behavior to dropdowns by editing the theme file you are using and adding a transition rule to the .jqx-listitem-state-hover-themeName class definition like the following:

    transition: background-color 0.1s ease;

However such trick will probably not work correctly for jqxGrid and possibly some of the other widgets, so try it on your own. You may need to inspect what classes are added on hover to the widgets you want such feature added, and this in itself could be a bit tricky.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts