Django Form Customization

Question

저는 장고 양식을 사용하고 있으며 여기에있는 전문가의 도움을 받아 모든 것이 잘 작동합니다. 이제 양식에 서식을 적용하고 싶습니다. 약자로 나는 다음과 같은 필드가 있습니다

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

그들은 현재 표시 등 :

Team1 : 현재의 모든 축구 "드롭 다운 상자 : 사의 Team2 심박 측정기 "현재의 모든 축구 팀과 드롭 다운 상자 " 팀 "

필드 두 개를 나란히두고 필드의 길이를 쉽게 고정시킬 수 있습니까?

미리 감사드립니다. Alan.

Answer 1

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를 추가하여 사용자 정의 할 수있는 방법입니다.