diff options
Diffstat (limited to 'src/main/webapp/jquery-ui-1.9pre/tests/visual/button')
6 files changed, 934 insertions, 0 deletions
diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button.html b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button.html new file mode 100644 index 0000000..e93c795 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button.html @@ -0,0 +1,140 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Button Visual push: Default</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> + <style type="text/css"> + #toolbar { margin-top: 2em; padding:0.2em; } + #ops1, #ops2, #format, #mode { margin-right: 1em } + </style> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../../../external/jquery.metadata.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script> + <script type="text/javascript"> + $(function() { + var buttons = $('#push button, #check').button(); + var buttonSets = $('#radio0, #radio1, #radio2, #ops1, #format, #ops2, #mode, #inputs, #anchors').buttonset(); + + buttons.add(buttonSets).click(function(event) { + var target = $(event.target); + if (target.closest('.ui-button:not(.ui-state-disabled)').length) { + $("<div></div>") + .text("Clicked " + (target.text() || target.val())) + .appendTo("#log"); + window.console && console.log(this, arguments); + } + }); + + $("#disable-widgets").toggle(function() { + buttons.button("disable"); + buttonSets.buttonset("disable"); + }, function() { + buttons.button("enable"); + buttonSets.buttonset("enable"); + }); + $("#toggle-widgets").toggle(function() { + buttons.button(); + buttonSets.buttonset(); + }, function() { + buttons.button("destroy"); + buttonSets.buttonset("destroy"); + }).click(); + }); + </script> +</head> +<body> + +<div id="push"> + <div> + No icon + <button>Simple button, only text</button> + <button class="ui-priority-secondary">Secondary priority button</button> + </div> + <br/> + <div> + With icon + <button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> + <button class="{button:{icons:{primary:'ui-icon-locked'}}}">Primary icon</button> + <button class="{button:{icons:{secondary:'ui-icon-triangle-1-s'}}}">Secondary icon</button> + <button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Both icons</button> + <button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons and no text</button> + </div> +</div> + +<div id="toggle" style="margin-top: 2em;"> + <input type="checkbox" id="check" /><label for="check">Toggle</label> +</div> + +<div id="radio0" style="margin-top: 2em;"> + <input type="radio" id="radio01" name="radio" checked="checked" /><label for="radio01">Choice 1</label> + <input type="radio" id="radio02" name="radio" /><label for="radio02">Choice 2</label> + <input type="radio" id="radio03" name="radio" /><label for="radio03">Choice 3</label> +</div> +<form> + <div id="radio1" style="margin-top: 2em;"> + <input type="radio" id="radio11" name="radio" /><label for="radio11">Choice 1</label> + <input type="radio" id="radio12" name="radio" checked="checked" /><label for="radio12">Choice 2</label> + <input type="radio" id="radio13" name="radio" /><label for="radio13">Choice 3</label> + </div> +</form> +<form> + <div id="radio2" style="margin-top: 2em;"> + <input type="radio" id="radio21" name="radio" /><label for="radio21">Choice 1</label> + <input type="radio" id="radio22" name="radio" /><label for="radio22">Choice 2</label> + <input type="radio" id="radio23" name="radio" checked="checked" /><label for="radio23">Choice 3</label> + </div> +</form> + +<div id="toolbar" class="ui-widget-header ui-corner-all ui-helper-clearfix"> + <span id="ops1"> + <button class="{button:{icons:{primary:'ui-icon-folder-open'},text:false}}">Open</button> + <button class="{button:{icons:{primary:'ui-icon-disk'},text:false}}">Save</button> + <button class="{button:{icons:{primary:'ui-icon-trash'},text:false}}">Delete</button> + </span> + <span id="format"> + <input type="checkbox" id="check1" /><label for="check1">B</label> + <input type="checkbox" id="check2" /><label for="check2">I</label> + <input type="checkbox" id="check3" /><label for="check3">U</label> + </span> + <span id="ops2"> + <button class="{button:{icons:{primary:'ui-icon-print'},text:false}}">Print...</button> + <button class="{button:{icons:{primary:'ui-icon-mail-closed'},text:false}}">Mail to...</button> + </span> + <span id="mode"> + <input type="radio" id="mode1" name="radio2" checked="checked" /><label for="mode1">Edit</label> + <input type="radio" id="mode2" name="radio2" /><label for="mode2">View</label> + </span> +</div> + +<div id="inputs" style="margin-top: 2em;"> + <input type="submit" value="Submit button" /> + <input type="reset" value="Reset button" class="{button:{label:'Custom reset'}}" /> +</div> + +<div id="anchors" style="margin-top: 2em;"> + <a href="#">Anchor 1</a> + <a href="#" class="{button:{icons:{primary:'ui-icon-print'},text:false}}">Anchor 2</a> + <a href="#" class="{button:{icons:{primary:'ui-icon-mail-closed'},text:false}}">Anchor 3</a> + <a href="#">Anchor 4</a> +</div> + +<div style="margin-top: 2em;"> + <button id="disable-widgets">Toggle disabled</button> + <button id="toggle-widgets">Toggle widget</button> +</div> +<div id="log"></div> + +<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script> +<script type="text/javascript"> + $.fn.themeswitcher && $('<div></div>').css({ + position: "absolute", + right: 10, + top: 10 + }).appendTo(document.body).themeswitcher(); +</script> +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_disabled_true.html b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_disabled_true.html new file mode 100644 index 0000000..ac21a56 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_disabled_true.html @@ -0,0 +1,84 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Button Visual Test : Button disabled true</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script> + <script type="text/javascript"> + $(function() { + + $("#button1").button({ + disabled: true + }); + + $("#anchor1").button({ + disabled: true + }); + + $("#inputbutton1").button({ + disabled: true + }); + + $("#radio1, #radio2, #radio3").button({ + disabled: true + }); + + $("#checkbox1, #checkbox2, #checkbox3").button({ + disabled: true + }); + + }); + </script> +</head> +<body> + +<fieldset> + <legend>button</legend> + <button disabled="disabled">button</button> + <hr /> + <button id="button1">button</button> +</fieldset> + +<fieldset> + <legend>anchor</legend> + <a href="javascript:void(0)" disabled="disabled">anchor 1</a> + <hr /> + <a href="javascript:void(0)" id="anchor1">anchor 1</a> +</fieldset> + +<fieldset> + <legend>input type="button"</legend> + <input type="button" disabled="disabled" value="input button 1" /> + <hr /> + <input type="button" id="inputbutton1" value="input button 1" /> +</fieldset> + +<fieldset> + <legend>input type="radio"</legend> + <input type="radio" name="radioletter" id="radioa" disabled="disabled" /><label for="radioa">radio a</label> + <input type="radio" name="radioletter" id="radiob" disabled="disabled" /><label for="radiob">radio b</label> + <input type="radio" name="radioletter" id="radioc" disabled="disabled" /><label for="radioc">radio c</label> + <hr /> + <input type="radio" name="radionumber" id="radio1" /><label for="radio1">radio 1</label> + <input type="radio" name="radionumber" id="radio2" /><label for="radio2">radio 2</label> + <input type="radio" name="radionumber" id="radio3" /><label for="radio3">radio 3</label> +</fieldset> + +<fieldset> + <legend>input type="checkbox"</legend> + <input type="checkbox" id="checkboxa" disabled="disabled" /><label for="checkboxa">checkbox a</label> + <input type="checkbox" id="checkboxb" disabled="disabled" /><label for="checkboxb">checkbox b</label> + <input type="checkbox" id="checkboxc" disabled="disabled" /><label for="checkboxc">checkbox c</label> + <hr /> + <input type="checkbox" id="checkbox1" /><label for="checkbox1">checkbox 1</label> + <input type="checkbox" id="checkbox2" /><label for="checkbox2">checkbox 2</label> + <input type="checkbox" id="checkbox3" /><label for="checkbox3">checkbox 3</label> +</fieldset> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_performance.html b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_performance.html new file mode 100644 index 0000000..439e2c1 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_performance.html @@ -0,0 +1,555 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Button Visual push: Default</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> + <style type="text/css"> + #toolbar { margin-top: 2em; padding:0.2em; } + #ops1, #ops2, #format, #mode { margin-right: 1em } + </style> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../../../external/jquery.metadata.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script> + <script type="text/javascript"> + $(function() { + var start = +new Date(); + $("button").button(); + var end = +new Date(); + $("<p></p>").text( "Time to initialize: " + (end - start) + "ms" ).prependTo("body"); + }); + </script> +</head> +<body> + +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> +<button>Simple button, only text</button> +<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button> +<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button> +<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_ticket_5254.html b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_ticket_5254.html new file mode 100644 index 0000000..14d2769 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_ticket_5254.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Button Visual Test : Button ticket #5254</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script> + <script type="text/javascript"> + $(function() { + + $('#b1').button(); + + $('#b2').button(); + + $('#b3').button().click(function() { + return false; + }); + + $('#ua').text(navigator.userAgent); + + }); + </script> +</head> +<body> + +<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/5254">#5254 - Input, button and anchor buttons aren't consistent in IE7</a></h1> + +<dl> +<dt><h2>Screenshot from ticket:</h2></dt> +<dd><img src="http://dev.jqueryui.com/raw-attachment/ticket/5254/button.png"></dd> +</dl> + +<hr> + +<dl> +<dt><h2>Visual test:</h2></dt> +<dd> + <div id="vt"> + <input id="b1" type="button" value="Input" style="" /> + <button id="b2">Button</button> + <a id="b3" href="#">Anchor</a> + </div> +</dd> +<dt><h2>User agent:</h2></dt> +<dd> + <h3 id="ua"></h3> +</dd> +</dl> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_ticket_5261.html b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_ticket_5261.html new file mode 100644 index 0000000..0024393 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_ticket_5261.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Button Visual Test : Button ticket #5261</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script> + <script type="text/javascript"> + $(function() { + + $('#id1').button().change(function(e) { + console.log('change', e); + }); + $('#id1').bind('change', function(e) { + console.log('bound change', e); + }); + $("body").live('change', function(e) { + console.log('live change on body', e); + }); + $(document).delegate('input', 'change', function(e) { + console.log('delegated input change', e); + }); + $(document).change(function(e) { + console.log('delegated change on document', e); + }); + + }); + </script> +</head> +<body> + +<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/5261">#5261 - button change events don't fire in IE 7/8</a></h1> + +<input name="1" id="id1" type="checkbox"/> +<label for="id1">Checkbox</label> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_ticket_5278.html b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_ticket_5278.html new file mode 100644 index 0000000..477a0b3 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/visual/button/button_ticket_5278.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Button Visual Test : Button ticket #5278</title> + <link rel="stylesheet" href="../visual.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css"> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script> + <script type="text/javascript"> + $(function() { + + $('#id1, #id2, #id3, #id4').button(); + + $('#r1, #r2, #r3, #r4').button(); + + }); + </script> +</head> +<body> + +<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/5278">#5278 - ui.buttons doesn't visually reset on form "reset" event or input "change" event</a></h1> + +<form> + +<input name="a1" id="id1" type="checkbox"/> +<label for="id1">Checkbox</label> + +<input name="a2" id="id2" type="checkbox"/> +<label for="id2">Checkbox</label> + +<input name="a3" id="id3" type="checkbox" checked="checked" /> +<label for="id3">Checkbox</label> + +<input name="a4" id="id4" type="checkbox"/> +<label for="id4">Checkbox</label> + +<input type="reset"/> + +<input name="r" id="r1" type="radio"/> +<label for="r1">Radio</label> + +<input name="r" id="r2" type="radio"/> +<label for="r2">Radio</label> + +<input name="r" id="r3" type="radio" checked="checked" /> +<label for="r3">Radio</label> + +<input name="r" id="r4" type="radio"/> +<label for="r4">Radio</label> + + +</form> + +</body> +</html> |