mirror of
https://github.com/jquery/jquery-ui.git
synced 2025-01-07 20:34:24 +00:00
Visual tests: Cleanup.
This commit is contained in:
Scott González
parent
86569d8ebc
commit
1f2469234b
@ -1,140 +1,94 @@
|
||||
<!DOCTYPE html>
|
||||
<!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.2.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">
|
||||
<meta charset="utf-8">
|
||||
<title>Button Visual Test</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../../jquery-1.7.2.js"></script>
|
||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../../ui/jquery.ui.button.js"></script>
|
||||
<script>
|
||||
$(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);
|
||||
}
|
||||
$( ".buttons" ).each(function() {
|
||||
$( this ).children()
|
||||
.eq( 0 )
|
||||
.button({
|
||||
text: false,
|
||||
icons: {
|
||||
primary: "ui-icon-help"
|
||||
}
|
||||
})
|
||||
.end()
|
||||
.eq( 1 )
|
||||
.button({
|
||||
icons: {
|
||||
primary: "ui-icon-help"
|
||||
},
|
||||
disabled: true
|
||||
})
|
||||
.end()
|
||||
.eq( 2 )
|
||||
.button();
|
||||
});
|
||||
|
||||
$("#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 class="buttons">
|
||||
<button>button</button>
|
||||
<button>button</button>
|
||||
<button>button</button>
|
||||
</div>
|
||||
|
||||
<div id="toggle" style="margin-top: 2em;">
|
||||
<input type="checkbox" id="check" /><label for="check">Toggle</label>
|
||||
<div class="buttons">
|
||||
<button type="button">button button</button>
|
||||
<button type="button">button button</button>
|
||||
<button type="button">button button</button>
|
||||
</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 class="buttons">
|
||||
<button type="submit">button submit</button>
|
||||
<button type="submit">button submit</button>
|
||||
<button type="submit">button submit</button>
|
||||
</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 class="buttons">
|
||||
<input type="button" value="input button">
|
||||
<input type="button" value="input button">
|
||||
<input type="button" value="input button">
|
||||
</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 class="buttons">
|
||||
<input type="submit" value="input submit">
|
||||
<input type="submit" value="input submit">
|
||||
<input type="submit" value="input submit">
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 2em;">
|
||||
<button id="disable-widgets">Toggle disabled</button>
|
||||
<button id="toggle-widgets">Toggle widget</button>
|
||||
<div class="buttons">
|
||||
<input type="checkbox" id="input-checkbox0">
|
||||
<input type="checkbox" id="input-checkbox1">
|
||||
<input type="checkbox" id="input-checkbox2">
|
||||
<label for="input-checkbox0">input checkbox</label>
|
||||
<label for="input-checkbox1">input checkbox</label>
|
||||
<label for="input-checkbox2">input checkbox</label>
|
||||
</div>
|
||||
|
||||
<div class="buttons">
|
||||
<input type="radio" id="input-radio0" name="radio">
|
||||
<input type="radio" id="input-radio1" name="radio">
|
||||
<input type="radio" id="input-radio2" name="radio">
|
||||
<label for="input-radio0">input radio</label>
|
||||
<label for="input-radio1">input radio</label>
|
||||
<label for="input-radio2">input radio</label>
|
||||
</div>
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#">anchor</a>
|
||||
<a href="#">anchor</a>
|
||||
<a href="#">anchor</a>
|
||||
</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>
|
||||
|
||||
@ -1,84 +0,0 @@
|
||||
<!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.2.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)">anchor 1</a> # Attribute "disabled" not allowed on element "a" at this point.
|
||||
<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>
|
||||
@ -1,555 +0,0 @@
|
||||
<!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.2.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>
|
||||
@ -1,42 +0,0 @@
|
||||
<!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.2.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>
|
||||
@ -1,58 +0,0 @@
|
||||
<!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.2.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>
|
||||
26
tests/visual/button/performance.html
Normal file
26
tests/visual/button/performance.html
Normal file
@ -0,0 +1,26 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Button Visual Test: Initialization Performance</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
|
||||
<script src="../../../jquery-1.7.2.js"></script>
|
||||
<script src="../../../ui/jquery.ui.core.js"></script>
|
||||
<script src="../../../ui/jquery.ui.widget.js"></script>
|
||||
<script src="../../../ui/jquery.ui.button.js"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
var start,
|
||||
html = new Array( 500 ).join( "<button>button</button>" );
|
||||
$( html ).appendTo( "body" );
|
||||
|
||||
start = $.now();
|
||||
$( "button" ).button();
|
||||
$( "<p>" ).text( "Time to initialize: " + ($.now() - start) + "ms" ).prependTo( "body" );
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user