Custom widget to add a (x) clear button to your input fields
Project description
django-clearable-widget is a custom widget that adds a input clearing button on any input fields that are using it. It clears the value, and returns focus to that field.
Authored by Basil Shubin
Installation
pip install django-clearable-widget
External dependencies
jQuery - this is not included in the package since it is expected that in most scenarios this would already be available.
Setup
Add clearable_widget to INSTALLED_APPS:
INSTALLED_APPS += (
'clearable_widget',
)
and just include clearable_widget templates
{% include "clearable_widget/clearable_widget_css.html" %} {# Before the closing head tag #}
{% include "clearable_widget/clearable_widget_js.html" %} {# Before the closing body tag #}
When deploying on production server, don’t forget to run:
python manage.py collectstatic
Usage
All you need now is to import ClearableInput class and override field’s widget, for example:
from clearable_widget import ClearableInput
class Form(forms.Form):
field = forms.CharField(widget=ClearableInput)
Please see example application. This application is used to manually test the functionalities of this package. This also serves as a good example.
You need only Django 1.4 or above to run that. It might run on older versions but that is not tested.
License
django-clearable-widget is released under the BSD license.
Project details
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for django-clearable-widget-0.1.7.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 27e385737a69fa06e7d0b34ecc3e678cd8b33362d55b5a6a9f63909a57a11ee4 |
|
MD5 | 993fc4aa9dc915f8ff976872a9ac40b9 |
|
BLAKE2b-256 | 2003ea2a2eab95a131ab43b4021b96ce629cd167965e23753a2e2c350d8666b7 |
Hashes for django_clearable_widget-0.1.7-py2.py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 5e6a7446d0ae5a39240fbb5e5bca293d08af15b40575a58f338b7a17404d0b30 |
|
MD5 | 3a8cb5d6e9e6ea8d2e33c3b4551cd609 |
|
BLAKE2b-256 | 3bb8410f3f52f6b300a5ee1482564f3a741bae06636fa2fe6c83fea077766051 |