Template syntax error when rendering crispy-form

Question

I use semantic-ui as template for crispy-forms. When trying to load the page it results in the following error:

TemplateSyntaxError at /forum/newpost/pqs53kqsbgsqd66pg0i60u-isjtvagbo4ii4q9/

crispy tag's template_pack argument should be in ('bootstrap', 'uni_form', 'bootstrap3', 'foundation-5')

Settings file contains entries below (among others):

CRISPY_TEMPLATE_PACK = 'semantic-ui'
INSTALLED_APPS = ('crispy_forms', 'semantic_ui')

Here is the template code from forumpost_create.html:

{% extends 'forum/layouts/forum_main.html' %}
{% load crispy_forms_tags %}
{% block content %}
<div class="ui main text container">
  <form action="" method="post" class="ui form">
    {% csrf_token %}
    {% crispy form %}
    <input type="submit" value="Save" />
  </form>
</div>
{% endblock %}

The error disappears when I use form|crispy in the template, but then the template is rendered unaffected, even when looking at the output HTML source, no changes whatsoever.

Code from forms.py

class ForumPostForm(forms.ModelForm):
    def __init__(self, *args, **kwargs):
        super(ForumPostForm, self).__init__(*args, **kwargs)

        self.helper = FormHelper(self)
        self.helper.layout = Layout(
            Fieldset(
                'Post body',
                'body'
            ),
            ButtonHolder(
                Submit('submit', 'Submit', css_class='ui primary button')
            )
        )

    class Meta:
        model = ForumPost
        fields = ['body']

How to make this to work? Is it because I am using semantic-ui and something needs to be done differently? (Majority of the tutorials I encounter prefer bootstrap).

I think this problem is due to internal validation of crispy forms. Try using github.com/alexey-grom/crispy-semantic-ui — Sardorbek Imomaliev
– Sardorbek Imomaliev, Commented Sep 16, 2016 at 9:23

Aurimas · Accepted Answer · 2016-09-20 14:15:22Z

4

You need to add semantic-ui into CRISPY_ALLOWED_TEMPLATE_PACKS in settings file

CRISPY_ALLOWED_TEMPLATE_PACKS = ('bootstrap', 'uni_form', 'bootstrap3', 'bootstrap4', 'semantic-ui')

answered Sep 20, 2016 at 14:15

Aurimas

662 bronze badges

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

Comments

Macwan Nevil · Accepted Answer · 2023-10-15 07:10:14Z

0

Update Your settings.py File:
- Locate the CRISPY_TEMPLATE_PACK setting and get its value.
- Additionally, ensure that extact value from above variable is included within the tuple of CRISPY_ALLOWED_TEMPLATE_PACKS like so:
```
CRISPY_TEMPLATE_PACK = "Bootstrap5"
CRISPY_ALLOWED_TEMPLATE_PACKS = ("Bootstrap5",)
```
If there are other template packs you wish to allow, you can include them in the tuple as well:
```
CRISPY_ALLOWED_TEMPLATE_PACKS = ("Bootstrap4", "Bootstrap5", "uni_form")
```
Adjust Your Template Code:
- Replace instances of {{ form|crispy }} with {% crispy form %} in your template files.

This setup ensures that your project is configured to use the Bootstrap 5 templates with django-crispy-forms, and the updated template tag is correctly rendering your forms.

answered Oct 15, 2023 at 7:10

Macwan Nevil

11 bronze badge

1 Comment

starball Over a year ago

did you use any generative AI at all in the writing of this answer?

Collectives™ on Stack Overflow

Template syntax error when rendering crispy-form

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related