2016-12-21 32 views
0

我有一个Django表单是这样的:文本框和按钮的排列

class FriendrequestMixinForm(forms.Form): 
    email = forms.EmailField() 
    def __init__(self, *args, **kwargs): 
     self.helper = FormHelper() 
     self.helper.layout = Layout (
      Row (Div('email', css_class="col-md-6"), FormActions (Submit('submit', 'Add'), Button("cancel", "Cancel")))) 

     super(FriendrequestMixinForm, self).__init__(*args, **kwargs) 

的按钮排列是这样的:

Example Layout

我该如何调整的按钮的底部电子邮件字段在一行

感谢您的帮助

回答

0

也许尝试类似:

class FriendrequestMixinForm(forms.Form): 
    email = forms.EmailField() 
    def __init__(self, *args, **kwargs): 
     self.helper = FormHelper() 
     self.helper.form_class = "form-group" 
     self.helper.layout = Layout (
      Row(Div('email', css_class="col-md-6")), 

      FormActions(
       Submit('submit', 'Add'), 
       Button("cancel", "Cancel")    
      ) 

     ) 

     super(FriendrequestMixinForm, self).__init__(*args, **kwargs) 

编辑:更新,以使按钮与电子邮件字段对齐,并在一排的一切。

class FriendrequestMixinForm(forms.Form): 
    email = forms.EmailField() 
    def __init__(self, *args, **kwargs): 
     self.helper = FormHelper() 
     self.helper.form_class = "form-group" 
     self.helper.layout = Layout (
      FieldWithButtons('email', 
       Submit('submit', 'Add'), 
       Button("cancel", "Cancel") 
      ), 
     ) 

     super(FriendrequestMixinForm, self).__init__(*args, **kwargs) 
+0

谢谢。这会在两个单独的行中生成按钮和文本字段。我希望他们成为一排。因为这只是一种辅助形式。 – mbieren

+0

啊,好的,看我的编辑。 – user6731765

+0

谢谢百万:-) – mbieren