Freebie: Uniform jQuery Theme for styling forms
Submitted by Leander Lindahl on Mon, 10/31/2011 - 10:07
I recently discovered this great jQuery plugin for styling forms. Here's a little freebie from Popolo where we styled our own select element and merged that with the Uniform Aristo theme. Download and try the zip file attached below.
The Uniform jQuery plugin allows you with a few simple lines of code to style all those hard-to-style elements such as select lists and file uploads. In your page header, add jQuery and then the uniform jquery.uniform.js thus:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"</script>
<script src="js/jquery.uniform.min.js" type="text/javascript" charset="utf-8"&</script>If you are running Drupal, jQuery is already included with the system and you add the jQuery.uniform.js in your themes .info-file. After placing the css-file and the sprite.png in the appropriate catalogue you call the uniform-script:
<script type="text/javascript" charset="utf-8">
$(function(){
$("input, textarea, select, button").uniform();
});
</script>Read all about the script at the uniform.js web site.
Attached file:
- 3098 reads
Blog
-
2012-02-29 | 920 reads
-
2012-01-26 | 399 reads
-
2011-10-31 | 3098 reads
-
2011-10-12 | 2612 reads
-
2011-10-05 | 2394 reads
-
2011-06-28 | 2118 reads
-
2011-06-15 | 1348 reads
-
2011-02-22 | 1021 reads
Add new comment