r1067 - trunk/tests/static
Author: scottjehl
Date: Tue Dec 9 10:00:40 2008
New Revision: 1067
Added:
trunk/tests/static/highlight_error.html
Log:
added demo states page for highlight and error states
Added: trunk/tests/static/highlight_error.html
==============================================================================
--- (empty file)
+++ trunk/tests/static/highlight_error.html Tue Dec 9 10:00:40 2008
@@ -0,0 +1,97 @@
+<!html>
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
+ <title>Themeroller CSS Framework Demo</title>
+ <script src="http://ui.jquery.com/js/jquery.js"></script>
+ <script
src="http://www.filamentgroup.com/examples/preloadImages/scripts/preloadCssImages.jQuery_v5.js"></script>
+ <link rel="stylesheet"
href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/ui.core.css"
type="text/css" media="screen" />
+ <style type="text/css">
+ body {font-size: 62.5%; margin: 20px; font-family: Verdana, sans-serif;
color: #444;}
+ h1 {font-size: 1.5em; margin: 1em 0;}
+ h2 {font-size: 1.3em; margin: 2em 0 .5em;}
+ h2 a {font-size: .8em;}
+ p {font-size: 1.2em; }
+ form {margin: 4em 0;}
+ div {padding: .2em .5em;}
+ .ui-icon {float: left; margin-right: .5em;}
+
+ form div.ui-state-error-text {background: none; border: 0;}
+ </style>
+ <script type="text/javascript">
+ $(function(){
+
+
+ $.preloadCssImages();
+ });
+ </script>
+ </head>
+ <body>
+
+<h1>ThemeRoller CSS Framework Demo</h1>
+
+
+
+<h2>Error State</h2>
+
+<div class="ui-state-error ui-corner-all" style="width: 420px;">
+ <span class="ui-icon ui-icon-alert"></span>
+ <strong>Error:</strong> There is a problem in your form submission!
+</div>
+
+<h2>Highlight State</h2>
+<div class="ui-state-highlight ui-corner-all" style="width: 420px;">
+ <span class="ui-icon ui-icon-info"></span> <strong>Quick Tip!</strong>
Hold ctrl while clicking to get contextual helpers.
+</div>
+
+
+<form>
+<fieldset>
+<div>
+<label>Text</label>
+<input type="text" value="dafs" />
+</div>
+
+<div>
+<label>Text</label>
+<input type="text" value="dafs" class="ui-state-error" />
+</div>
+
+<div>
+<input type="radio" />
+<label>Text</label>
+</div>
+
+<div class="ui-state-error-text">
+<input type="radio" />
+<label>Text</label>
+
+</div>
+<div>
+<input type="checkbox" class="ui-state-error" />
+<label>Text</label>
+
+</div>
+
+<div>
+<label>Text</label>
+<select class="ui-state-error">
+<option val="dasf">dsaf</option>
+<option val="dasf">dsaf</option>
+<option val="dasf">dsaf</option>
+<option val="dasf">dsaf</option>
+</select>
+
+
+</div>
+
+<button class="ui-state-default ui-priority-primary
ui-corner-all">Primary</button>
+ <button class="ui-state-default ui-priority-secondary
ui-corner-all">Secondary</button>
+ <button class="ui-state-default ui-state-disabled
ui-corner-all">Disabled</button>
+</fieldset>
+
+</form>
+ </body>
+</html>
+
+