Horizontal form with buttons about django-bootstrap3 HOT 8 CLOSED

Try 'buttons layout="horizontal"'

This behavior does not seem to be documented. Should it be?

from django-bootstrap3.

Did you wrap this in

<form class="form form-horizontal"> ... </form>

?

from django-bootstrap3.

Yes. I used:

<form class="form-horizontal" role="form">...</form>

from django-bootstrap3.

Can you post the HTML generated?

from django-bootstrap3.

From:

<form class="form-horizontal" role="form">
        {% bootstrap_form forms.small layout='horizontal' %}
        {% buttons %}
             {% bootstrap_button 'Sign in' 'submit' %}
        {% endbuttons %}
</form>

I am getting:

<form class="form-horizontal" role="form">
    <div class="form-group">
        <label class="col-md-2 control-label">Email</label>
        <div class="col-md-4">
            <input class="form-control" id="id_email" name="email" placeholder="Email" title="" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="col-md-2 control-label">Password</label>
        <div class="col-md-4">
            <input class="form-control" id="id_password" name="password" placeholder="Password" title="" type="password">
        </div>
    </div>
    <div class="form-group">
        <label class="col-md-2 control-label">&nbsp;</label>
        <div class="col-md-4">
            <div class="checkbox">
                <label>
                    <input class="" id="id_remember_me" name="remember_me" placeholder="" title="" type="checkbox">
                    Remember me</label>
            </div>
        </div>
    </div>
    <div class="form-group">
        <button class="btn btn-primary" type="submit">
            Sign in
        </button>
    </div>
</form>

The problem is column offset. Buttons group should have offset within horizontal form. But the buttons tag doesn't have horizontal option.

from django-bootstrap3.

Try 'buttons layout="horizontal"'

Op 13 okt. 2013 om 10:53 heeft Michał Ociepka [email protected] het volgende geschreven:

From:

{% bootstrap_form forms.small layout='horizontal' %} {% buttons %} {% bootstrap_button 'Sign in' 'submit' %} {% endbuttons %}

I am getting:

Email

Password

 

Remember me

Sign in

The problem is column offset. Buttons group should have offset within horizontal form. But the buttons tag doesn't have horizontal option.

—
Reply to this email directly or view it on GitHub.

from django-bootstrap3.

Yep now it works. What do you think about more nested structure?

{% bootstrap_form forms.small layout='horizontal' %}
    {% buttons %}
             {% bootstrap_button 'Sign in' 'submit' %}
    {% endbuttons %}
{% endbootstrap_form  %}

All buttons, inputs have to be inside bootstrap_form then you don't have to put the same data into all others tags.

from django-bootstrap3.

Django syntax isn't used to a form being a block, so I think that would confuse people. For now you'll have to provide the buttons with a layout.

from django-bootstrap3.