Skip to main content

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

https://img.shields.io/pypi/v/django-clearable-widget.svg https://img.shields.io/pypi/dm/django-clearable-widget.svg https://img.shields.io/github/license/bashu/django-clearable-widget.svg https://img.shields.io/travis/bashu/django-clearable-widget.svg https://raw.githubusercontent.com/bashu/django-clearable-widget/develop/showcase.gif

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

django-clearable-widget-0.1.8.tar.gz (6.8 kB view details)

Uploaded Source

Built Distribution

django_clearable_widget-0.1.8-py3-none-any.whl (9.8 kB view details)

Uploaded Python 3

File details

Details for the file django-clearable-widget-0.1.8.tar.gz.

File metadata

  • Download URL: django-clearable-widget-0.1.8.tar.gz
  • Upload date:
  • Size: 6.8 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.4.2 importlib_metadata/4.8.1 pkginfo/1.7.1 requests/2.26.0 requests-toolbelt/0.9.1 tqdm/4.62.2 CPython/3.8.10

File hashes

Hashes for django-clearable-widget-0.1.8.tar.gz
Algorithm Hash digest
SHA256 bd2f530b6fabae7636af547943cda1ef712978d958fd41af21057767a0385c4c
MD5 6fab76416c1cbc9b8b5da0e25f746b36
BLAKE2b-256 a4e780cd47b9ef777f95097f4f236ebcb4de641d26023c348658965ca9a8b692

See more details on using hashes here.

File details

Details for the file django_clearable_widget-0.1.8-py3-none-any.whl.

File metadata

  • Download URL: django_clearable_widget-0.1.8-py3-none-any.whl
  • Upload date:
  • Size: 9.8 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.4.2 importlib_metadata/4.8.1 pkginfo/1.7.1 requests/2.26.0 requests-toolbelt/0.9.1 tqdm/4.62.2 CPython/3.8.10

File hashes

Hashes for django_clearable_widget-0.1.8-py3-none-any.whl
Algorithm Hash digest
SHA256 88473e5e90ea047c38d636caece58cdd4e8d9c2d1bc30b3d09ccfd22992ffe2b
MD5 4b1cd645299f7f0028e100d8288d912c
BLAKE2b-256 e30c5e7df122b3745a7a1e157ce589816da9cad0c771de51587273296846ab42

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page