Render django-filter(filterset) bar with Crispy Forms - django

Question

I created a filter bar (with filterset from the django-filter module), but I'm unable to render it with crispy forms.
Are crispy-forms compatible with django-filter? I tried it, and Crispy Forms works well with all my other forms and modelforms, but it seems like django-filter rejects to render in crispy-bootstrap.
HTML:
{% extends 'base/base1.html' %}
{% load static %}
{% block content %}
{% load crispy_forms_tags %}
<div class="row">
<div class="col">
<div class="card card-body">
<form method="get">
****{{ myFilter.form}}****
*/tried also {{ myFilter.form|crispy}}
{{ myFilter.form.variablefieldhere|as_crispy_field}}**
<button class="btn btn-primary" type="submit">
Search</button>
</form>
</div>
</div>
</div>
Filter.py:
import django_filters
from .models import log
class logFilter(django_filters.FilterSet):
class Meta:
model = log
fields = {
'varfliedhere': ['icontains'],
'varfliedhere': ['icontains'],
'varfliedhere': ['icontains'],
'Boolean varfliedhere': ['exact'],
}
Should I try to set the FormHelper in forms? But in that case, how do I render it in Crispy Forms?
In the other forms, I rendered them 1 by 1 as:
{{ myFilter.form.variablefieldhere|as_crispy_field}}
which works, but I can't understand how to solve this problem.

Answer 1

As Your requirement is not clear to me. But i assume you want that all field in single row and you are using bootstrap templates for crispyform.
<form method="GET">
<div class="form-row">
<div class="form-group col-md-2 mb-0 ">
{{myFilter.form.variablefieldhere1|as_crispy_field}}
</div>
<div class="form-group col-md-2 mb-0 ">
{{myFilter.form.variablefieldhere2|as_crispy_field}}
</div>
<div class="form-group col-md-2 mb-0 ">
{{myFilter.form.variablefieldhere3|as_crispy_field}}
</div>
<div class="form-group col-md-2 mb-0 ">
{{myFilter.form.variablefieldhere4|as_crispy_field}}
</div>
<div class=" col-md-2 mb-0 ">
<button class="btn btn-primary btn-sm" type="submit">search</button>
</div>
</div>
</form>