如何在AEM 6.3的對話框中將fieldLabel和文本字段作爲單行對齊

Question

如何在AEM 6.3的對話框中將fieldLabel和文本字段作爲單行對齊？但在AEM 6.2中，它顯示了單行FieldLabel和Textfield。

請查收附件AEM 6.2 AEM 6.3

Answer 1

和你一樣，我想知道這一點。我查閱了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（請參閱截圖）。