Permalink
Browse files

Textinput: Added a demo about how to change the icon color

Fixes gh-6757
  • Loading branch information...
jaspermdegroot authored and arschmitz committed Aug 2, 2015
1 parent de4b513 commit ad98f7fe710a652a4800205e8c19bf1c90541e24
Showing with 18 additions and 0 deletions.
  1. +18 −0 demos/textinput/index.php
View
@@ -267,6 +267,24 @@
</form>
</div><!-- /demo-html -->
<h2>Theming</h2>
<div data-demo-html="true">
<form>
<label for="search-10">Search:</label>
<input type="search" name="search-10" id="search-10" value="" data-theme="b">
</form>
</div><!-- /demo-html -->
<p>To have a light icon, remove the <code>ui-alt-icon</code> class by setting the widget's <code>classes</code> option with the <code>data-classes</code> attribute. By default the classes <code>ui-icon</code>, <code>ui-icon-search</code>, and <code>ui-alt-icon</code> are added to the search icon span. Here we show how you can omit the <code>ui-alt-icon</code> class. Note: You have to use double quotes inside the object!</p>
<div data-demo-html="true">
<form>
<label for="search-12">Search:</label>
<input type="search" name="search-12" id="search-12" value="" data-theme="b" data-classes='{ "ui-textinput-search-icon": "ui-icon ui-icon-search" }'>
</form>
</div><!-- /demo-html -->
<h2>Label hidden</h2>
<div data-demo-html="true">

0 comments on commit ad98f7f

Please sign in to comment.