7

I want to display a list of instances as a formset with django-crispy-forms and bootstrap where each instance appears as a row with all of the fields arranged horizontally.

All of the examples I can find seem to render the instances with their fields laid out vertically.

I thought using:

helper.form_class = 'form-horizontal'

might work, but that seems to have no effect.

Brian Tompsett - 汤莱恩
  • 5,753
  • 72
  • 57
  • 129
rayjay
  • 359
  • 3
  • 16

2 Answers2

9

This is the post that got me to a solution, and I'm providing a fuller explanation here for those just getting started with crispy forms

Forms:

from crispy_forms.helper import FormHelper, Layout
...

class MyForm(forms.ModelForm):

    class Meta:
        model = MyModel
        fields = ['field1', 'field2', 'field3']


MyFormSet = modelformset_factory(MyModel, form=MyForm, extra=0)


class MyFormSetHelper(FormHelper):
    def __init__(self, *args, **kwargs):
        super(MyFormSetHelper, self).__init__(*args, **kwargs)
        self.layout = Layout(
            'field1',
            'field2',
            'field3'
        )
        self.template = 'bootstrap/table_inline_formset.html'

Views:

formset = MyFormSet(queryset=my_qs)
helper = MyFormSetHelper()
context = {'formset': formset, 'helper': helper}
return render(request, 'my_template.html', context)

Template:

{% extends "base.html" %}
{% load crispy_forms_tags %}

{% block content %}

<form action="" method="post">
{% csrf_token %}
{% crispy formset helper %}
</form>

{% endblock content %}
jsutherl
  • 131
  • 1
  • 3
4

Use the template attribute on the helper (documented here): helper.template = 'bootstrap/table_inline_formset.html'

Paul Whipp
  • 16,028
  • 4
  • 42
  • 54