How to display Django SelectDateWidget on one line using crispy shapes

Question

I am trying to display 3 select boxes that are displayed using Django SelectDateWidget on one line. When I use crispy shapes, they are all on separate lines. Is there a way to use the Layout helper for this?

Thanks!

class WineAddForm(forms.ModelForm): hold_until = forms.DateField(widget=SelectDateWidget(years=range(1950, datetime.date.today().year+50)), required=False) drink_before = forms.DateField(widget=SelectDateWidget(years=range(1950, datetime.date.today().year+50)), required=False) helper = FormHelper() helper.form_method = 'POST' helper.form_class = 'form-horizontal' helper.label_class = 'col-lg-2' helper.field_class = 'col-lg-8' helper.add_input(Submit('submit', 'Submit', css_class='btn-wine')) helper.layout = Layout( 'name', 'year', 'description', 'country', 'region', 'sub_region', 'appellation', 'wine_type', 'producer', 'varietal', 'label_pic', 'hold_until', 'drink_before', ) class Meta: model = wine exclude = ('user', 'slug', 'likes') 

Answer 1

Add this to your layout for the SelectDateWidget fields:

 MultiWidgetField('field_name', attrs=({'style': 'width: 33%; display: inline-block;'}))