jQuery UI Widgets Forums Editors CheckBox, RadioButton jqxRadioButton color is not working

This topic contains 7 replies, has 2 voices, and was last updated by  dima72 8 years, 12 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author

  • dima72
    Participant

    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,


    ivailo
    Participant

    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

    • This reply was modified 9 years ago by  ivailo.

    dima72
    Participant

    Dear Ivailo,

    thank you very much!
    It works!


    dima72
    Participant

    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.


    ivailo
    Participant

    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


    dima72
    Participant

    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'});

    ivailo
    Participant

    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


    dima72
    Participant

    Dear Ivailo,

    thank you for the guess!

    it works!

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.