Skip to content

Instantly share code, notes, and snippets.

@fidian
Created January 15, 2013 15:04
Show Gist options
  • Save fidian/4539248 to your computer and use it in GitHub Desktop.
Save fidian/4539248 to your computer and use it in GitHub Desktop.
Uniform issue #251
<html><head><title>Test</title>
<!-- jQuery 1.8.x -- using whatever is newest -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<link rel="stylesheet" href="themes/default/css/uniform.default.css" media="screen">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="jquery.uniform.js"></script>
<script>
// Uniform every form element
$(function () {
$('#tabs').tabs();
$('input, select').uniform();
});
</script>
</html>
<body>
<!-- This form posts to a request inspector to ensure variables are being sent to the server -->
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
</ul>
<div id="tabs-1">
See the form stuff on the next tab.
</div>
<div id="tabs-2">
<form method="post" action="#">
<input type="radio" name="r" value="1"> Radio 1<br>
<input type="radio" name="r" value="2"> Radio 2<br>
<select name="s">
<option value="1">Select 1</option>
<option value="2">Select 2</option>
</select>
</form>
</div>
</div>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment