jqxButtonGroup coming with jQWidgets 2.3

The next version of jQWidgets will bring a brand new widget, called jqxButtonGroup. The jqxButtonGroup widget creates a set of buttons that can work as normal buttons, radio buttons or checkboxes. The HTML structure of the widget is quite simple. You need to create a DIV tag and add Button elements inside it.
<div id='jqxWidget'>
<button style="padding:4px 16px;" id="Left">
Left</button>
<button style="padding:4px 16px;" id="Center">
Center</button>
<button style="padding:4px 16px;" id="Right">
Right</button>
</div>
To create the widget from the above HTML structure, select the DIV tag with jQuery and call the jqxButtonGroup constructor function.
$("#jqxWidget").jqxButtonGroup({ theme: 'classic', mode: 'radio' });
Below is an image of the new widget with the ‘classic’ theme. jquery-button-group

About admin


This entry was posted in JavaScript Plugins, JavaScript UI, JavaScript Widgets, jQuery and tagged , , , , , , , , . Bookmark the permalink.



Leave a Reply