This plugin is a jQuery styling plugin wich allows you to skin form elements.
How to use
Add javascript inclusion in the header section of your web page
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>
Write your form
<form class="jqtransform"> <div class="rowElem"> <label for="name">Name: </label> <input type="text" name="name" /> </div> <div class="rowElem"><input type="submit" value="send" /><div> </form>
Finally use the plugin
<script type="text/javascript">
$(function() {
//find all form with class jqtransform and apply the plugin
$("form.jqtransform").jqTransform();
});
</script>
2 comments
Mohammad Ali Akbari
08/12/2011
When i have large text in select options, at this line of code wrong width assigned to wrapper:
var newWidth = (iSelectWidth > oSpan.innerWidth())?iSelectWidth+oLinkOpen.outerWidth():$wrapper.width();
when I changed it to this line all things work correctly:
var newWidth = iSelectWidth+oLinkOpen.outerWidth();
Kelly
11/04/2012
When I implement this on my site, it breaks some other things I have…a mootools implementation of slimbox.
Any ideas what is incompatible and how to fix it?