奏鸣曲管理员表单字段在同一行

loi*_*oic 3 css forms sonata-admin

从admin的configureformsfields方法中,有没有一种方法可以在同一行显示字段,而不是在另一行下面显示字段?例如CSS类?

e1d*_*dar 5

您可以通过以下方式将具有适当显示选项的CSS类添加到所选字段中:

->add('fieldname', null, [
          'attr' => ["class" => "your-custom-class"]
      ])
Run Code Online (Sandbox Code Playgroud)

您也可以修改.form-group类(使所有字段都内联):

.form-group {
    display: inline-block;
}
Run Code Online (Sandbox Code Playgroud)

如果您希望输入内容与其标签内联:

div.sonata-ba-field.sonata-ba-field-standard-natural {
    display: inline-block;
}
Run Code Online (Sandbox Code Playgroud)

此处可以找到如何创建CSS文件并将其加载到Sonata模板中的教程。

  • 很抱歉,但是如果没有javascript,这是怎么回事。第一个选项只会将类放在表单字段上,而不是放在容器上,并且是需要类让它们并排放置的容器。其他选项适用于* all *表单容器,但是如果您只想将一个表单字段更改为另一个表单字段,该怎么办?CSS没有父选择器。还有另一种无需使用JS / JQuery就能完成的方法吗?也许我错过了一些东西(我对CSS的了解不是最强)。 (3认同)