Enables or disables the rounded corners functionality. This property setting has effect in browsers which support CSS border-radius.

Possible Values:

'all' - for all corners

'top'- for top corners

'bottom' - for bottom corners

'left' - for left corners

'right' - for right corners

'top-right' - for top right corners

'top-left' - for top left corners

'bottom-right' - for bottom right corners

'bottom-left' - for bottom left corners

Code examples

Initialize a button with the roundedCorners property specified.

$("#jqxButton").jqxButton({ width: '150', height: '25', roundedCorners: 'jqx-rc-t'});

Specifies the interval between two Click events. This property is available only in the jqxRepeatButton. The jqxRepeatButton raises Click events repeatedly when the button is pressed.

Code examples

Initialize a button with the roundedCorners property specified.

$("#jqxButton").jqxRepeatButton({ width: '150', height: '25', delay: 25});

Enables or disables the button.

Code examples

Initialize a button with the disabled property specified.

$('#jqxButton').jqxButton({disabled: false });

Sets the button height.

Code examples

Initialize a button with the height property specified.

$('#jqxButton').jqxButton({ height: '25px' }); 

Sets the button width.

Code examples

Initialize a button with the width property specified.

$('#jqxButton').jqxButton({ width: '250px'}); 

This event is triggered when the button is clicked.

Code examples

Bind to the click event by type: jqxButton.

$('#jqxButton').bind('click', function () { // Some code here. }); 

Toggles the button's checked state. ( available in jqxToggleButton ).

Code examples

Invoke the toggle method.

$('#jqxButton').jqxToggleButton('toggle');