2016-10-04 5 views
0

これは単なるバグでもよく知られている機能かもしれませんが、Googleでは何も見つかりませんでした。フォームから
スニペット(ジャンゴ登録用RegisterForm):テンプレートからCSSクラスをいくつかのフォームに追加できません

widgets = { 
     'username': HiddenInput(), 
     'email': EmailInput(attrs={'class': "form-control"}), 
     'password1': PasswordInput(attrs={'class': "form-control"}), 
     'password2': PasswordInput(attrs={'class': "form-control"}), 
     'first_name': TextInput(attrs={'class': "form-control"}), 
     'last_name': TextInput(attrs={'class': "form-control"}), 
    } 

スニペット:全く

<div class="container"> 
{{ form.non_field_errors }} 
<form method="post"> 
    {% csrf_token %} 
    {% for field in form %} 
    {% if field.name != 'username' %} 
    <div class="form-group row {% if field.errors %}has-danger{% endif %}"> 
     {% if field.errors %} 
     <div class="form-control-feedback">{{ field.errors.as_text }}</div> 
     {% endif %} 
     <label for="{{ field.id_for_label }}" class="col-form-label col-xs-2">{{ field.label }}</label> 
     <div class="col-sm-10"> 
      {{ field }} 
     </div> 
    </div> 
    {% endif %} 
    {% endfor %} 
    <div class="form-group row"> 
     <div class="offset-sm-2 col-sm-10"> 
     <button type="submit" class="btn btn-primary">Register</button> 
     </div> 
    </div> 
</form> 

ないロケット科学。パスワードと電子メールはcssクラスを取得するのではなく、テキストフィールドです。何か不足していますか?

答えて

0

ウィジェットの定義時に表示される情報がありません。喜ばせるには、ここで提供さ答えは以下を参照してください。futherそれをテストした後

CSS styling in Django forms

+0

IMO私はリンクされた答えと同じことをしました。私は行方不明の詳細を指定できますか? –

+0

入力ヘルプにフォームを追加していますか?例: 'last_name':forms.TextInput(attrs = {'class': "フォームコントロール"}) – Zorpho

+0

1.電子メールやパスワードではなく、first_nameとlast_nameフィールドで1.snippetがうまく機能します。輸入の問題ではありません。私自身の答えもお読みください –

0

をジャンゴ登録のバグのように思えます。すべてのフィールドがウィジェット仕様で属性を取得するわけではありません。回避策として、私はtemplatetags経由でCSSクラスを追加しました。

私は正しいことを知らないので、これを受け入れられた回答としてマークしません。しかし、それは私を助けました。

関連する問題