2016-09-15 6 views
0

私はdjangoのフォームを使用していますが、ここでは専門家の助けを借りてすべてうまく動作しています。今、フォームにいくつかの書式を適用したいと思います。現状では、私は、次のフィールドがありますDjangoフォームのカスタマイズ

team1 = forms.ModelChoiceField(queryset=StraightredTeam.objects.none(), empty_label=None) 
team2 = forms.ModelChoiceField(queryset=StraightredTeam.objects.none(), empty_label=None) 

彼らは、現在として表示:

Team1:すべての現在のサッカーと 「ドロップダウンボックス: Team2 「現在のすべてのサッカーチームとのドロップダウンボックス」チーム "

2つのフィールドを並べてフィールドの長さを固定するのは簡単ですか?

多くのありがとうございます、アラン。

答えて

0

cssでカスタマイズできます。テンプレートに{{form}}のようなものを使用してフォームを表示している場合は、{{form.team1}}{{form.team2}}に分割して並べて配置することができます。フォームのウィジェットを使ってクラス属性を与えることができます。たとえば:

team1 = forms.ModelChoiceField(queryset=StraightredTeam.objects.none(), 
           empty_label=None, 
           widget=forms.Select(attrs={"class":"select-format"}) 

し、さらにCSSを使用したスタイル:

<style> 
.select-format{ 
    /* For example... */ 
    width: 100% 
} 
</style> 

attrsdictionaryに渡される任意のフィールドが生成HTMLで表示され、CSSはさらにそれをカスタマイズする方法です。

関連する問題