Custom Elements Documentation

disabled boolean false

Sets or gets the disabled property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{		disabled:true, theme:"light"	}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

enableHover boolean false

Sets or gets the enableHover property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{		enableHover:false, theme:"light"	}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

mode string 'default'

Sets or gets the mode property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{		mode:"radio", theme:"light"	}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

rtl boolean false

Sets or gets the rtl property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{		rtl:true, theme:"light"	}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

template string 'default'

Sets or gets the template property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{		template:"success", theme:"light"	}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

theme string ''

Sets or gets the theme property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{		theme:"light"	}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

buttonclick Event

Code examples

Bind to the buttonclick event of jqxButtonGroup.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").addEventListener("buttonclick", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

selected Event

Code examples

Bind to the selected event of jqxButtonGroup.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").addEventListener("selected", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

unselected Event

Code examples

Bind to the unselected event of jqxButtonGroup.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").addEventListener("unselected", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

disableAt Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").disableAt(1);								}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

disable Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").disable();								}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

destroy Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").destroy();								}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

enable Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").enable();								}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

enableAt Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").enableAt(1);								}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

focus Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").focus();								}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

getSelection Method

Parameter	Type	Description
None

Return Value
Number/Array

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		var result = document.querySelector("jqx-button-group").getSelection();								}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

render Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").render();								}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

setSelection Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ButtonGroup Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttongroup.js"></script>    <script type="text/javascript">	JQXElements.settings["buttonGroupSettings"] =	{			}	window.onload = function() {		document.querySelector("jqx-button-group").setSelection(1);								}    </script></head><body>   <jqx-button-group settings="buttonGroupSettings">     <button>Left</button>     <button>Center</button>     <button>Right</button>  </jqx-button-group></body></html>

Custom Elements Documentation

Properties

Events

Code examples

Code examples

Code examples

Methods