Skip to content
CustomForms - Javascript Library to aid on creation of beautiful form elements :)
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Build Status


Current version: 1.0.9a - 30/07/2014 AMD compatible.

After 2 long years version 1.0 is now released, the goal of customforms was to provide an easy and customizeble way to implement form fields.

The goal was not only make it work but also build it on top of software engineering best practices and principles.

All code is Unit Tested and Cross Browser Tested with the lastest jquery version and the oldest supported version at every commit.

Future releases, bugs and ehancement can all be found on the trello board. All issues created on github will have a trello card associated with it.

###Documentation Page

Travis Continuous integration testing

Trello Agile board

##view demo with jQuery 2.0 View demo jquery lastest version

##view demo with jQuery 1.6 View demo jquery oldest supported version


  • Text - Cross browser support to placeholders.
  • Select - Custom select box
  • File - Custom input file
  • Checkbox - Custom checkboxes
  • Radio - Custom radio

Browser support

Browser support

  • Google: Chrome 5+
  • Firefox: 3.5+
  • Opera: 7+
  • Safari: 4+
  • Internet: Explorer 7+

Smart phones support

Smart phones support

  • Android: 1.5+
  • Iphone: 3+


  • jQuery: 1.6+
  • jQuery: 2.0+


Options and defaults can be found on the documentation page for each individual module.


  // You can overwrite defaults by passing an object with some options, when an option is passed
  // without a module name as namespace it will be a global option, module namespaced options will
  // overwrite global options, also modules will have some options that are particular for that module,
  // please refer to the documentation page to see all possible options for each module.
  var options = { active: true, lowercasemodulename: { active: false } };

  // All supported elements inside container, will recurse to find all elements
  $('#container').cstmForm( options )

  // All Form elements
  $('form').cstmForm( options )

  // target a certain group of element
  $('input[type=file]').cstmForm( options )

  // You can target specific groups of elements
  $('input[type=radio], input[type=checkbox], select').cstmForm( options )

Submiting new custom modules

Feel free to submit new modules as pull requests. All module must have proper jsdoc syntax comments and related unit testing in order to be merged. After having made any pull request you will be able to join the trello board.

A module will need to extend class app/lib/BaseField.js and implement moduleName.blueprint

Change log

  • 1.0.9 - Added AMD support.
  • 1.0.8 - BUGFIX - Select, File, Radio, Checkbox modules had settings that could not be overwritten by config.
  • 1.0.7 - Compatibility with jQuery.noConflict() mode
  • 1.0.6 - When instantiating customForms it is now chainable.
  • 1.0.5 - Fixing Jquery plugin repositiory referencing.
  • 1.0.4 - BUGFIX - Radio button checked state initialization when not in the last element of a group.
  • 1.0.3 - Including to jQuery plugin repositiory.
  • 1.0.2 - BUGFIX - Updated all modules to properly make use of the 'active' option and updated documentation page.
  • 1.0.1 - BUGFIX - Updated placeholder module to check if there is a property placeholder while running on 'force' mode.
  • 1.0.0 - release
You can’t perform that action at this time.