How to add CSS class to django RadioSelect label?

Question

how do i add css class for the auto generated label for a RadioSelect widget

<div>
    {% for rdo in form.category_res %}
        <div class="custom-control custom-radio custom-control-inline">
          {{ rdo }}
        </div>  
    {% endfor %}
</div>

John Patrick · Accepted Answer · 2018-02-02 13:03:17Z

3

I hope this will help someone in the future.... I rendered my template like this:

{% for choice in form.category_res %}
        <div class="custom-control custom-radio custom-control-inline">
            {{ choice.tag }}
            <label for="{{ choice.id_for_label  }}" class="custom-control-label">{{ choice.choice_label }}</label>
        </div>
{% endfor %}

since I'm using bootstrap, it requires me to add a class to the label for my field with RadioSelect() as a widget for the CSS to work...

answered Feb 2, 2018 at 13:03

John Patrick

536 bronze badges

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

1 Comment

guy777 Apr 17 at 15:27

great, still works in 2025 with Django 5.2

Collectives™ on Stack Overflow

How to add CSS class to django RadioSelect label?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related