DEV Community

Nikhil Chandra Roy
Nikhil Chandra Roy

Posted on

Django custom html class in form easy way.

#django #html #djangodeveloper

I have spent so much time to do it, just got quick way installing

pip install django-widget-tweaks
Enter fullscreen mode Exit fullscreen mode

after install it we have to put it in settings

INSTALLED_APPS =[
      'widget_tweaks',

]
Enter fullscreen mode Exit fullscreen mode

and in html

{% load widget_tweaks %}

{% for r in register %}
<div class="form-group mb-2">
    <label for="" class="form-label">{{r.label}}</label>
    {{r|add_class:"form-control"}}
</div>

{% endfor %}
Enter fullscreen mode Exit fullscreen mode

that's enough.
for more details about it https://pypi.org/project/django-widget-tweaks/

Top comments (0)

Read next

mike_andreuzza profile image

How to use the HTML output tag for displaying the result of a calculation.

Michael Andreuzza -

kaja_uvais_a8691e947dd399 profile image

How to Create 3D Flip Card Animation Using HTML and CSS

Kaja Uvais -

engrmark profile image

Running Cron Job in Django Using Celery and Docker

Adeniyi Olanrewaju -

alvaromontoro profile image

Bad CSS-Dad Jokes (III)

Alvaro Montoro -