How to add space after label in ModelForms of django

Question

I want to add space after "Mobile No: ",meaning in between label and text area. But by using django ModelForms I am not able to do that, it shows "Mobile No:" without any space between label and textarea.

This is how I have described it in models.py file.

phone = models.CharField(max_length=10, verbose_name="Mobile No", validators=[mobileno])

forms.py file

class UserInfoForm(forms.ModelForm):
    class Meta:
        model = UserInfo
        fields = ('phone',)

This is the content of my html file.

<form method="post">    
    {% csrf_token %}
    {{ form }}
       </form>

This is how it is showing by default.

How can I add space between label and textarea. Thanks for you help.

Please post your forms.py and html file also.Then We will be able to help you. — Prakhar Trivedi, Oct 19 '16 at 07:34

score 2 · Answer 1 · answered Oct 19 '16 at 07:47

You should iterate through your form fields.

Like this:

<form method="post" > {% csrf_token %}

        {% for field in form %}

        <div class="form-group">
            <label class="col-sm-4 control-label" for="{{ field.name }}">{{ field.label }} : </label>

            <div class="col-sm-8">
                {{ field }}
            </div>
        </div>

        {% endfor %}
    </div>

score 2 · Accepted Answer · edited May 23 '17 at 12:25

2

The layout and spacing of form labels and fields is a presentation matter and best handled through CSS.

How to add space after label in ModelForms of django

3 Answers3