Custom Form Elements

This documentation is work in progress soplease check back soon for more docs

API / Docs

get deeper into it... Let's have a look at the API

Dependencies

minimize the lib if you want to

Addons may have additional dependencies

MooTools 1.2 Core

• Core, Browser
• Array, Function, Number, String, Hash, Event
• Class, Class.Extras
• Element, Element.Event, Element.Style, Element.Dimensions
• Selectors, DomReady
• [Fx] If you want to use scrolling within the Select-Module

MooTools 1.2 More

• [Fx.Slide, Drag, Slider] If you want to use scrolling within the Select-Module

top

Base classes

The core of cfe, which handles fully automised replacement of all elements on your site.

Class cfe.base

This is the base class, which is responsible for replacing all the input elements with the loaded modules.

Class cfe.module.generic

If you want to develop your own modules for custom form elements, it's always good to extend this class which provides basic form element functionality.

top

Modules

Modules are essentially when replacing form elements. Each module represents one type of form element.

Class cfe.module.checkbox

Handles checkboxes & includes Addon 'selectCheckboxes' enabling select all/none functionality

Class cfe.module.fieldset

Enhances fieldsets (still under development)

Class cfe.module.file

Provides a Safari-like file-input replacement.

Class cfe.module.image

Adds some functionality to image buttons.

Class cfe.module.password

Extends Module 'text'. See Module 'text' for more options.

Class cfe.module.radio

Handles Radiobuttons and groups of them.

Class cfe.module.reset

Extends Module 'submit'. See Module 'submit' for more options.

Class cfe.module.select

Lets you style select fields with full support of mouswheel scrolling, jump-to-option-by-key, ...

Class cfe.module.submit

Makes submit buttons nicer.

Class cfe.module.text

Replace your text fields and automatically add css technique sliding doors.

Class cfe.module.textarea

Sliding doors for your textarea, custom backgrounds and more.

top

Addons

These classes extend the functionality of custom form elements even more. They make use of custom events from the base class.

Class cfe.addon.dependencies

Adds support to resolve dependencies of form elements. Currently only supports checkboxes.

Class cfe.addon.toolTips

Generates tooltips for each input element, which has a title-attribute.

Depends on Mootools 1.2 More: Tips

top