How to Customize django bootstrap form

Question

I am using boostrap forms but I need to customize it in my design. When I simply write

    <form class="firstform" method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    {% bootstrap_form form %}

its showing nice form but I want to edit this form as my design what can be the best way to do so?

Panos Angelopoulos · Accepted Answer · 2018-04-22 13:31:33Z

1

Use the Django widget tweaks. It’s the best way to decorate and modify your templates in django. https://pypi.org/project/django-widget-tweaks/

You could add attributes, classes etc.

For instance if you would like to insert an input inside your form please add

{% load widget_tweaks %}

{{ form.title|add_class:"css_class_1 css_class_2" }}

edited Apr 22, 2018 at 13:31

answered Apr 22, 2018 at 11:53

Panos Angelopoulos

6097 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pankaj Sharma Over a year ago

Thanks for reply, would you tell me how can I show error with widget-tweaks as I was getting it with boostrap forms ?

s.singh · Accepted Answer · 2018-04-22 12:07:20Z

0

You can use django widget tweaks. This is what I am currently using. After installing them usingpip install django-widget-tweaks, and adding to installed_apps, load them using

{% load widget_tweaks %}

in you template and use them like:

{% render_field form.some_field | attr:"autfocus" class+="class1 class2" %}

which will add attribute 'autofocus' and classes 'class1' and 'class2'

answered Apr 22, 2018 at 12:07

s.singh

6211 bronze badges

Collectives™ on Stack Overflow

How to Customize django bootstrap form

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related