django-508-plugins

Installable Django app containing 508-compliant plugins.

Requirements:

• jQuery 1.6+

Current 508 Compliant packages:

• select2 v3 [ Docs ]
• selectWoo (select2 V4) [ Git | Docs | Bootstrap 3 Theme ]
• jQuery 1.11.4 Datepicker [ Git | Docs ]

Usage

pip install django-508-plugins

select2

Add plugins.select2 to your INSTALLED_APPS setting. Then, add the following source files to your template::

select2/select2.css
select2/select2-bootstrap.css # Only needed if using Bootstrap 3
select2/select2.js

Note: It is highly recommnded you do not include both plugins.select2 and plugins.selectWoo stylesheets in the same template. These stylesheets include rules that will conflict with each other and can cause unexpected results.

selectWoo

Add plugins.selectWoo to your INSTALLED_APPS setting. Then, add the following source files to your template::

selectWoo/css/selectWoo.css
selectWoo/css/select2-bootstrap.css # Only needed if using Bootstrap 3
selectWoo/js/selectWoo.full.js

Note: It is highly recommnded you do not include both plugins.selectWoo and plugins.select2 stylesheets in the same template. These stylesheets include rules that will conflict with each other and can cause unexpected results.

When using selectWoo, make sure the the for attribute of the related <label> tag matches the ID of the select box.

Minified versions of selectWoo source files are also included in the install.

datepicker

Add plugins.datepicker to your INSTALLED_APPS setting. In order for the 508 Compliant datepicker to work, you must include jQuery UI in your template. Add the following source files to your template::

jquery-ui/jquery-ui.css
jquery-ui/jquery-ui.js
datepicker/js/jqueryui_datepicker_508.js

Note This build of jquery-ui only includes the jQuery UI Datepicker. Other jQuery UI components may not be 508 Compliant.

Minified versions of datepicker source files are also included in the install.