Sets or gets the delay property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-repeat-button delay="100">Button</jqx-repeat-button>

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button disabled="true">Button</jqx-button>

Sets or gets the height property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button height="40">Button</jqx-button>

Sets or gets the imgSrc property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button img-position="left" img-src="https://jqwidgets.com/jquery-widgets-demo/images/andrew.png" img-height="14" img-width="14">Button</jqx-button>

Sets or gets the imgWidth property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button img-position="left" img-src="https://jqwidgets.com/jquery-widgets-demo/images/andrew.png" img-height="14" img-width="14">Button</jqx-button>

Sets or gets the imgHeight property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button img-position="left" img-src="https://jqwidgets.com/jquery-widgets-demo/images/andrew.png" img-height="14" img-width="14">Button</jqx-button>

Sets or gets the imgPosition property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button img-position="left" img-src="https://jqwidgets.com/jquery-widgets-demo/images/andrew.png">Button</jqx-button>

Sets or gets the roundedCorners property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button rounded-corners="top">Button</jqx-button>

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button rtl="true">Button</jqx-button>

Sets or gets the textPosition property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button text-position="right">Button</jqx-button>

Sets or gets the textImageRelation property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button img-position="left" img-src="https://jqwidgets.com/jquery-widgets-demo/images/andrew.png" text-image-relation="imageBeforeText">Button</jqx-button>

Sets or gets the theme property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button theme="energyblue">Button</jqx-button>

Sets or gets the template property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button template="success">Button</jqx-button>

Sets or gets the toggled property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-toggle-button toggled="true">Button</jqx-toggle-button>

Sets or gets the width property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button width="240px">Button</jqx-button>

Sets or gets the value property.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button value="Button">Button</jqx-button>

Code examples

Bind to the click event of jqxButton.

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button on-click="eventHandler()">Button</jqx-button>

							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-toggle-button instance="getInstance()">Button</jqx-toggle-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["check"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button instance="getInstance()">Button</jqx-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button instance="getInstance()">Button</jqx-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["focus"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button instance="getInstance()">Button</jqx-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["render"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-toggle-button instance="getInstance()">Button</jqx-toggle-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["toggle"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-toggle-button instance="getInstance()">Button</jqx-toggle-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["unCheck"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>

<jqx-button instance="getInstance()">Button</jqx-button>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["val"](N,e,w, ,T,e,x,t,New Text,New Text,New Text,ÑΣѠ ŁƎҲͳ,N̸̶̸̨̻͇̪̱͔̩͇̻̼̗̪͈̲̠̼̻̜̬̖̻̜̝̘͕̤̥̠̪͕̻͙̪̤̱̗̥̙̹̥̻̼̺̪̭͖͎͚̩̞͓̥̝̭͇ͤ̍͂̅́͐ͅe̽ͭ̏̊ͣͯ̽̐̐͆̾̒͂ͬ̋̌̎ͧ͢ ҉̷̨̙̖̪̳̺̻͕̻̝̦͇̝͇̫͙̤̰̻̞̣͘w͐ͧ̀̌͌̉ͪ͒ͩ̏͛ͣͬͯ̋ ҉̳̳̲͔̫͎̻̥̼̬͈̱̰͎̤͕͇̝̟̥̬̦̜̰͇̻̣̤͉̥̘̭̘͓͍̩̫̖͚̹͕́̀ͅ ̰͍͈̼̥͎͔̹͍̩̩̠͖̲̤̣͔̿̂ͫ̃ͤ͆́̓̅ͮ͋́͠T̸̶͉̝͙̥̜̭̦̭̬͇͍̬̫͖̺̬̖̱̭͚̞͖̞̫̥̟͕̣͖̭̻̘̣̜͖̠͉̻̹͚̪͓͊͒͋̓ͭ̎ͬ̑ͪ̚̕͝ͅè̈̾ͣ̌̆̆ͮ͋͂ ҉̫̻̬̞̞͉̼͈̖̟̳̲̼̫͓̦̻͚̥̝̣̩̲͉̖̣͔̯̝̟̠̤͍͍͕̞̮͓͎̳̖̘͉̝͔̞́̕͟͠ͅx̶̸͕͚̺͎̥̭̱̖͖̘̪̥͖̹͇̪̗͈̩͕̦̻͇̤̘͓̦̩̮̪͔̯̞̣͚̜͎̤̤͈͈͇̰̣͎ͪͧ̏ͧ͊̌̒͗̍̈̅͌̅͆͟͞ͅt̴̗̖̻̪̭̝̘̱̙̤̜͎̜̦̞̣͈̮͙͙̪̥̥̤̱̱͈͚̜͕̠̩̖͈̺̥̬͖̰̣͎̯̲̭̘͈̪̺̥̲̤̝̲̮̠̥̯̘̟̗̤͚̺̰͐ͦ̑͒̐͗̔̂̈ͣ̿͐̊͜ͅͅͅ,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,New Text,(search, replacement) => {
    let target = this;
    return target.replace(new RegExp(search, 'g'), replacement);
});									
	}									
</script>									
}