AOEpeople/Aoe_Check_Controls_Style

Name: Aoe_Check_Controls_Style

Owner: AOE

Description: Radio/checkbox form controls decorator

Created: 2015-06-15 11:19:52.0

Updated: 2016-02-15 20:17:37.0

Pushed: 2015-06-15 13:13:38.0

Homepage: null

Size: 132

Language: CSS

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Aoe_Check_Controls_Style

Radio/checkbox form controls decorator

HTML

Markup example 1 (no javascript required, requires the browser to support the :checked selector)

el class="custom-checkbox" for="my_checkbox">
<input type="checkbox" name="name" id="my_checkbox">
<span class="ctx-control"></span>
My label text
bel>

Markup example 2 (requires javascript to place markup for decoration)

el for="my_checkbox">
<input type="checkbox" name="name" id="my_checkbox">
My label text
bel>

Usage JavaScript

Required if you want to ensure the required markup is given or you want add a fallback for browsers don't support the :checked selector

myControlsDecorator = new CheckControlsDecorator(options);

CheckControlsDecorator options controlsSel

Inputs jQuery selector. Default: input[type="checkbox"], input[type="radio"]

checkboxHolderCN

Checkbox input wrapper class name. Default: custom-checkbox

radioHolderCN

Radio input wrapper class name. Default: custom-checkbox

CheckControlsDecorator methods refresh

Updates check controls style