Book Image

jQuery for Designers Beginner's Guide Second Edition

By : Natalie Maclees
Book Image

jQuery for Designers Beginner's Guide Second Edition

By: Natalie Maclees

Overview of this book

Table of Contents (21 chapters)
jQuery for Designers Beginner's Guide Second Edition
Credits
About the Author
Acknowledgments
About the Reviewers
www.PacktPub.com
Preface
Index

Time for action – adding Fancyform to style the unstyleable


Perform the following steps to use the Fancyform plugin to gain styling control over your form elements:

  1. Let's get the Fancyform plugin and take a look at how it works. Head over to https://github.com/Lutrasoft/Fancyform and click on the Download ZIP button.

  2. Unzip the file and take a look inside the folder.

    This is pretty straightforward, right? We've got a demo folder, a README file, the Fancyform JavaScript, and some other associated scripts—we've seen this all before. We also see a V2 folder—the developer is starting on the next version of the plugin. If you read the notes in GitHub carefully, you'll see that V2 isn't quite ready for prime time yet, so we'll just ignore that for now.

  3. Next, we need to add the Fancyform script to our own project and attach it to our HTML page. Copy jquery.fancyform.js to your own scripts folder and attach the Fancyform script between jQuery and your own scripts.js file, as follows:

    <script src="scripts...