Django-crispy-формы: установить CSS для отдельного поля и входных данных - PullRequest
0 голосов
/ 20 сентября 2019

Есть ли способ указать css для отдельного поля и вводить в хрустящих формах django?Я использую bootstrap4 и хотел бы использовать горизонтальную форму для нескольких полей в моей форме.

Я знаю, что вы можете использовать self.helper для установки label.class и field.class, но я предполагаю, что это относится квсе поле.Я хочу изменить метку и класс поля только в некоторых моих полях.

РЕДАКТИРОВАТЬ:

Мне нужно добавить CSS к метке, которая отличается отinput

Я пытаюсь получить горизонтальное поле внутри формы, например поле количества ниже

enter image description here

<div id="div_id_amount" class="row">
    <label for="id_amount" class="col-form-label col-2  requiredField">
        Amount<span class="asteriskField">*</span>
    </label>
    <div class="">
        <input type="number" name="amount" step="0.01" class="numberinput form-control col-md" required="" id="id_amount">
        </div>
</div>

Ответы [ 2 ]

1 голос
/ 20 сентября 2019

Дано одно решение здесь :

  • Вы добавляете атрибуты класса для поля ввода через виджет, как также объясняется в документах django
  • Вы явно добавляете теги <label> с правильным классом в ваш HTML.

Или, для метки, вы также можете создать следующий шаблонный фильтр:

@register.filter(is_safe=True)
def label_with_classes(field, css):
    return field.label_tag(attrs={'class': css})

, который вы можете использовать таким образом в своем шаблоне после загрузки его с помощью {% load my_filters %}: {{ form.name|label_with_classes:"col-sm-6 col-lg-3" }}

Я не знаю простого способа с хрустящими формами.

0 голосов
/ 20 сентября 2019

Вы можете добавить это в свой макет:

Field('password', id="password-field", css_class="passwordfields", title="Explanation")

Вы можете найти более подробную информацию здесь

...