Пульты с Django ModelForms с CSS

Итак, я экспериментирую с Django Forms, и теперь я изучаю стиль стилей.Пульты с Django ModelForms с CSS

Вот мой код,

{% for field in form %} 
<form class="form-contact" action="" method="POST"> {% csrf_token %} 
<fieldset class="form-group"> 
      <div class="form-control"> 
       <input type="text" class="form-control" 
       name="{{ field.name }}" 
       id="id_{{ field.name }}" 
       placeholder="{{field.label}}" 
       </div> 
     </fieldset> 
     </form> 
    {% endfor %}

Теперь у меня есть 3 модели в этой форме, два ввода текста и третий представляет собой список, который использует радио-кнопки -

Однако радио-кнопки не show with my CSS. Однако они показывают, когда нет стилей CSS - может ли кто-нибудь указать мне направление так же, почему?

FYI - очень новый для Django.

Заранее спасибо.

источник

2015-04-30 Craig Moffat

Не могли бы вы поделиться с нами своим CSS? –

Привет Сэнди, CSS от (https://fezvrasta.github.io/bootstrap-material-design/) это шаблон шаблона материалов для Bootstrap - он отлично работает на всех других аспектах сайта, но почему-то обновляет Формы, кажется, проблема –

Эта форма содержит только один ввод текста, который не закрыт (отсутствует> после заполнителя)

placeholder="{{field.label}}">

Вам нужно предоставить больше информации.

Update: для тега находится в неправильном месте, проверить этот код

<form class="form-contact" action="" method="POST"> {% csrf_token %} 
    <fieldset class="form-group"> 
     <div class="form-control"> 
      <input type="text" class="form-control" 
      name="{{ form.field1.name }}" 
      id="id_{{ form.field1.name }}" 
      placeholder="{{form.field1.label}}"> 
      <input type="text" class="form-control" 
      name="{{ form.field2.name }}" 
      id="id_{{ form.field2.name }}" 
      placeholder="{{form.field2.label}}"> 
      <input type="radio" class="form-control" 
      name="{{ form.field3.name }}" 
      id="id_{{ form.field3.name }}" 
      placeholder="{{form.field3.label}}"> 
     </div> 
    </fieldset> 
</form>

Может быть, вы хотите Джанго генерировать входы для вас и еще есть контроль AVER стиль CSS, используйте:

<form class="form-contact" action="" method="POST"> {% csrf_token %} 
    <fieldset class="form-group"> 
    {% for field in form %} 
     <div class="form-control"> 
      {{ field }} 
     </div> 
    {% endfor %} 
     <div class="foo"> 
      <button class="bar" id="login-btn">Se Connecter</button> 
     </div> 
    </fieldset> 
</form>

и в forms.py добавить виджетам AttrS:

field1=forms.CharField(widget=forms.TextInput(attrs={'class':'some_class'}))

сменить поле1, field2, field3 с вашими 3 именами полей.

источник

2015-05-01 01:43:03

Я обновил код, чтобы показать мой цикл формы (забыли добавить 1-й тайм-раунд). Это цикл по всем моделям в формах как текст, когда я меняю на все входы становятся переключателями - я просто не знаю, как иметь оба одновременно? Есть идеи? –

@ Craig Moffat Проверь мой обновленный ответ –

Привет, Халил, большое спасибо за помощь. В конце концов я закончил использовать хрустящие формы - по какой-то причине форма все еще не использует CSS, который я хочу, и дает общую форму бутстрапа, я думаю, мои шаблоны немного испорчены - я проведу еще несколько тестов на этом и посмотрю, где я ошибся. снова спасибо за время, как только у меня будет ответ, я обязательно отправлю его здесь. Благодарю. –

Кажется, мои файлы CSS действительно были настроены неправильно, простая замена решила проблему.

Спасибо всем, кто был достаточно любезен, чтобы попытаться помочь с ответом.

источник

2015-05-20 14:49:20

Пульты с Django ModelForms с CSS

ответ

Смежные вопросы