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:
- 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.
- 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 aV2
folder—the developer is starting on the next version of the plugin. If you read the notes in GitHub carefully, you'll see thatV2
isn't quite ready for prime time yet, so we'll just ignore that for now. - 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 ownscripts
folder and attach the Fancyform script between jQuery and your...