Fmanizer – Easy Form Customization (Forms)

Fmanizer is javascript which will help you when there is need of form elements customization.

As we all know, custumets like fancy things and they get very .. VERY upset when some form elements as radio buttons (for example) make they site look bad and not fit with the overall design.

Well, say hello to Fmanizer.

Fmanizer will get all forms that you specify and will rewrite their elements:

  • checkboxes,
  • radio buttons,
  • select boxes,
  • multi select boxes,
  • file inputs,

Then everything will depends on your imagination. You are free now to use all CSS “weapons” and techniques you like.

Turning Fmanizer is a child play. Everything is explained in the documentation and in demo templates (look in demo folder).

FEATURES :

  • You can use pure CSS to style your form elements.
  • Easy to implement.
  • You can have more than one form in the same time in the same template, which elements you want to style.
  • You can choose which forms to style and which not to.
  • You can choose which form elements not to fmanize in the choosen form. (explained in the docs)
  • Fail Validation markup. (explained in the docs)
  • You can use array like style for your elements names – name=”categoryproduct-id.”
  • Attach existed inline event selectors to the new element – onmouseover=”dosomething()”, onclick=”functioName()”. USE WITH COUTION !!!
  • Disabled attribute support. All elements will still act as disabled if they have this attribute.
  • Navigate using arrow up and down through each radio button, from the same radio group. Also use up, down arrow to navigate in the select and multiselect list. Use SPACE key to check/uncheck and select/unselect values in radio, checkboxes and selects.
  • Works on IE 6 +, Firefox 2+, Chrome 5+, Opera 10+, Safari 5+
  • Four predefined themes: class=” green|blue|gray|black. Dont count your self limited only to my predefined styles. You can do whatever you want with your own CSS from scratch, i am sure you are better designer than me :)

REQUIREMENTS :

  • jQuery ver. 1.4.2 +
    Thats it :)

IN PACKAGE :
/demo/ – demos and examples
/src/ – main files
readme.txt

2011 Fmanizer

Download Fmanizer – Easy Form Customization (Forms)

Leave a Reply

Your email address will not be published. Required fields are marked *