jqxRadioButton color is not working

[dima72Participant]

Dear All,
how to set up color of jqxRadioButton? I’m trying to set ‘color’ and ‘bgcolor’ attribute in HTML but no success.
It looks like color for this component is not manageable.

thanks,

[ivailoParticipant]

Hi dima72,

The easiest way to change the color of jqxRadioButton is to set the applied theme’s CSS.

In this fiddle you can see which classes you have to modify about every component of the button.

If you want these changes to apply only to the buttons – create your own classes and attach them only to this widget.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[dima72Participant]

Dear Ivailo,

thank you very much!
It works!

[dima72Participant]

Dear Ivailo,
the CSS unfortunately does not work for jqxButtonGroup.
Or maybe there is different way of passing params into jqxButtonGroup?
In other words, CSS work for single radiobutton, but since button is included into jqxButtonGroup widget – the theme parameter does not work anymore.

[ivailoParticipant]

Hi dima72,

Every widget has it’s own different CSS classes.

Here is the example with jqxButtonGroup’s changed CSS.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[dima72Participant]

Dear Ivailo,
thank you for the example provided,

but it is exactly showing that color of RadioButtons inside of RadioGroup is not changing.

<div id='jqxButtonGroup'>
    <button id="NoneMode">NoneMode</button>
    <button id="AllMode">AllMode</button>
    <button id="SelectedMode">SelectedMode</button>
</div>

$('#jqxButtonGroup').jqxButtonGroup({ mode: 'radio', theme: 'energyblue'});

$("#NoneMode").jqxRadioButton({ groupName: 'jqxButtonGroup', rtl: false, theme: 'energyblue'});

$("#AllMode").jqxRadioButton({ groupName: 'jqxButtonGroup', rtl: false, theme: 'energyblue'});

$("#SelectedMode").jqxRadioButton( { groupName: 'jqxButtonGroup', rtl: false, theme: 'energyblue'});

[ivailoParticipant]

Hi dima72,

You don’t have to use radio buttons in jqxButtonGroup. The ButtonGroup has own behavior for radio buttons.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[dima72Participant]

Dear Ivailo,

thank you for the guess!

it works!

[Author]

Posts