如何在AEM 6.3的对话框中将fieldLabel和文本字段作为单行对齐

问题描述:

如何在AEM 6.3的对话框中将fieldLabel和文本字段作为单行对齐?但在AEM 6.2中,它显示了单行FieldLabel和Textfield。如何在AEM 6.3的对话框中将fieldLabel和文本字段作为单行对齐

请查收附件AEM 6.2 AEM 6.3

和你一样,我想知道这一点。我查阅了Adobe提供的所有文档,发现没有任何暗示它可能。

如果您查看6.1对话框源代码,您将看到表单在浮动模式下有coral-Form--aligned,在全屏模式下有coral-Form--vertical

在6.3对话,它总是coral-Form--vertical 另外,如果你看一下对话框JSP,在6.3,在此路径:/libs/cq/gui/components/authoring/dialog/dialog.jsp,你会发现它们在默认情况下添加coral-Form--vertical,也没有属性改变这种行为。

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

我不推荐以下,但它被提及,因为这是可能的:

如果你真的想要给力“对齐”,你必须写一个简单的脚本将coral-Form--aligned添加到对话框窗体中并删除coral-Form--vertical,我试过了,它会导致需要几个CSS修复的令人不快的UI(请参阅截图)。

UI screenshot after adding `coral-Form--vertical