jqTransform is a jQuery styling plugin which allow user to skin form elements in a easy way. The only thing we have to do is to add a javascript inclusion to this plugin in the header section of our web page, and assign the correct class to the form.
Demo are available here
You can take a look at the following demo link. 15 style are include.
DEMO Download link are located at the demo page.
Insert your js
Insert the following code inside your head tag, the best place maybe right under your title.
//required <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>
Enable your jqTransform
Right below your js includes insert the following code
<script type="text/javascript">
$(function() {
//find all form with class jqtransform and apply the plugin
$("form.jqtransform").jqTransform();
});
</script>
Insert correct class to your form
Your form should look something like this.
<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>
Be a link sponsor for this page now
[sponsorbox]
I hope you have enjoyed this post, be sure to subscribe to my rss feed by click the subscribe button at the top.
Good Luck!
nice download, update stuff nice working, thank you
The template looks very modern and fluid. Thanks for sharing.
great stuff..thanks a lot for sharing!!!!
What if you would like to make the input boxes a little bigger/wider?
Would you then have to go and find all the required images/resize them, and then change all the required css selectors etc..
Would you be able to just list the selectors/images that need changing in order to change the height and width PLEASE.
It would really save a lot of time and trouble and be appreciated by many.
Maybe I'm being simple but where is the download link?
I am using Jqtransform styles in my aspx form, are working fine but if i am using update panel in the page the styles specifically being disappear in the update panel. Dont know why is this happening? Can somebody help me out?