Permalink
Show file tree
Hide file tree
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Button: Adding ui mirroring support
- Loading branch information
1 parent
8ba1210
commit 1946111329cac90ffb97f30437bdf160885df3a7
Showing
4 changed files
with
76 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,65 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<title>jQuery UI Button - Icons</title> | ||
<link rel="stylesheet" href="../../themes/base/all.css"> | ||
<link rel="stylesheet" href="../demos.css"> | ||
<script src="../../external/requirejs/require.js"></script> | ||
<script src="../bootstrap.js"> | ||
$( ".widget button" ) | ||
.eq( 0 ).button() | ||
.end().eq( 1 ).button( { | ||
icon: "ui-icon-gear", | ||
showLabel: false | ||
} ).end().eq( 2 ).button( { | ||
icon: "ui-icon-gear" | ||
} ).end().eq( 3 ).button( { | ||
icon: "ui-icon-gear", | ||
iconPosition: "end" | ||
} ).end().eq( 4 ).button( { | ||
icon: "ui-icon-gear", | ||
iconPosition: "top" | ||
} ).end().eq( 5 ).button( { | ||
icon: "ui-icon-gear", | ||
iconPosition: "bottom" | ||
} ); | ||
</script> | ||
</head> | ||
<body dir="rtl"> | ||
<div class="widget"> | ||
<h1>Widget</h1> | ||
<button>Button with only text</button> | ||
<button>Button with icon only</button> | ||
<button>Button with icon on the left</button> | ||
<button>Button with icon on the right</button> | ||
<button>Button with icon on the top</button> | ||
<button>Button with icon on the bottom</button> | ||
</div> | ||
<div class="css"> | ||
<h1>CSS</h1> | ||
<button class="ui-button ui-widget ui-corner-all"> | ||
Button with only text | ||
</button> | ||
<button class="ui-button ui-widget ui-corner-all ui-button-icon-only" title="Button with icon only"> | ||
<span class="ui-icon ui-icon-gear"></span> Button with icon only | ||
</button> | ||
<button class="ui-button ui-widget ui-corner-all"> | ||
<span class="ui-icon ui-icon-gear"></span> Button with icon on the left | ||
</button> | ||
<button class="ui-button ui-widget ui-corner-all"> | ||
Button with icon on the right <span class="ui-icon ui-icon-gear"></span> | ||
</button> | ||
<button class="ui-button ui-widget ui-corner-all"> | ||
<span class="ui-icon ui-icon-gear ui-rtl ui-widget-icon-block"></span> Button with icon on the top | ||
</button> | ||
<button class="ui-button ui-widget ui-corner-all"> | ||
Button with icon on the bottom <span class="ui-icon ui-icon-gear ui-rtl ui-widget-icon-block"></span> | ||
</button> | ||
</div> | ||
<div class="demo-description"> | ||
<p>Some buttons with various combinations of text and icons.</p> | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters