aem - 如何在 AEM 6.3 的对话框中将 fieldLabel 和 textfield 对齐为单行

Question

如何在 AEM 6.3 的对话框中将 fieldLabel 和 textfield 对齐为单行？但在 AEM 6.2 中，它显示单行 FieldLabel 和 Textfield。

请查找附件 AEM 6.2 AEM 6.3

Answer 1

像你一样，我想知道这一点。我查看了 Adob​​e 的所有文档，没有发现任何迹象表明这是可能的。

如果您查看 6.1 对话框源，您会看到表单coral-Form--aligned在浮动模式和coral-Form--vertical全屏时具有。

在 6.3 对话框中，它始终是coral-Form--vertical 另外，如果您查看 6.3 中的对话框 JSP，在此路径：/libs/cq/gui/components/authoring/dialog/dialog.jsp 您会看到它们coral-Form--vertical默认添加并且没有属性可以更改该行为。

因此，Adobe 似乎会将对话框样式保持为垂直。

我不推荐以下内容，但之所以提到它是因为它是可能的：

如果你真的想强制“对齐”，你必须编写一个简单的脚本来添加coral-Form--aligned到对话框表单并删除coral-Form--vertical，我试过了，它会导致一个令人不快的 UI（见截图），需要一些 CSS 修复.