Include Submit button automatically?

Hey guys,

I made a template for an existing package with this Django code:

<form method="POST">
    {% csrf_token %}
    {{ form.as_p }}
    <input type="submit" value="Sign Up" class="btn btn-primary">
</form>

I’d like to use bootstrap templating of Crispy forms, but when I do this

<form method="POST">
    {% crispy form %}
    <input type="submit" value="Sign Up" class="btn btn-primary">
</form>

Crispy forms renders the submit button outside the form tags and the form is useless:

<form method="POST">
    <input type="hidden" name="csrfmiddlewaretoken" value="...">...
    <input ... name="first_name" type="text"> ...
    <input ... name="last_name" type="text">...
    <input ... name="email" type="email">...
    <input ... name="password1" type="password">
</form>
<input type="submit" value="Sign Up" class="btn btn-primary">

Do I miss a feature of Crispy forms? How do you solve this without writing a custom form for the 3rd party package. Thanks in advance.

[carltongibson]

The crispy tag takes a FormHelper as an optional second argument. If you set form_tag = False on that helper (I think) you should get what you want.

Review crispy tag docs — there are a lot of examples there.

(I’m guessing you’re getting two form elements rendered — the one in your template plus the one from crispy. Either remove you own ones and add a Submit element to the helper or disable the helper’s form_tag)

[lggwettmann]

Thanks, guys. I created a generic Form with just one FormHelper which disables the form_tag like @carltongibson suggested. The power of the crispy forms tag shouldn’t be underestimated 😉