Make a JqueryUI slider django widget

[jason-curtis]

difficulty: probably tricky. Will involve learning how django form widgets work, which is really not all that bad :) success criteria:

• To create a new slider, all we have to do is a special widget on the django form
• that widget does all the javascripty stuff currently done by our inline javascript to initialize the sliders (storing data on a hidden input and keeping that data in sync with the slider input).
• should be compatible with a django ChoiceField - ie. can get legend titles and choices from field.choices and surface those choices appropriately on the slider.
• stretch: all code for this should be encapsulated to be re-used by others, e.g. on https://djangosnippets.org/ .

It might be easier to start with a single-input slider and then try to extend that to a MultiWidget that provides a minimum and maximum.

This might be helpful: http://tothinkornottothink.com/post/10815277049/django-forms-i-custom-fields-and-widgets-in-detail

[jaimemarijke]

Looks like this blog explains how to use a MultiWidget to have two "inputs" rendered in a single widget: http://www.ironzebra.com/code/37/how-to-create-separate-name-and-surname-inputs-as-one-widget-in-django

The django docs have some pointers on styling custom widgets using css and js: https://docs.djangoproject.com/en/1.5/topics/forms/media/