如何在 AEM 中将 CSS 样式设置为 cq:dialogue
How to CSS styles to cq:dialogue in AEM
我们如何向 AEM 实例中的 cq:dialogue 选项卡添加样式？
我们可以通过 jQuery 在控制台中更改样式，但是当它加载到特定页面中使用的任何组件的 javaScript(jQuery) 文件中时无法应用。
$('.coral-Form-field.coral3-Multifield').css('background-color', 'black');
在这里，我可以将打开的 cq:dialogue 框的背景颜色更改为黑色（关闭和打开对话后，更改消失，即背景颜色 returns 变为正常的灰色）。
我们应该如何以及在何处编写此代码，以便将样式应用于 cq:dialogue 框。
将 属性 extraClientlibs 添加到具有值的 cq:dialog，您的 clientlib 的类别。
假设您有一个类别为 'x' 的 clientlib，将 属性 extraClientlibs 添加到您的 cq:dialog 并将其值设置为 'x'。可以通过这种方式应用样式和 JS 脚本。 clientlib 文件夹可以简单地驻留在任何地方。
这个 link 可能有帮助：https://wcmaem.blogspot.com/2016/08/how-to-load-touchui-dialog-specific.html
在您的 cq.dialog 配置下添加此行：
extraClientlibs="[my.site]"
如果您不确定类别在哪里，这是我的示例：
My category sample
还要在您要添加 css class 的字段中添加花岗岩 class，示例：
我们如何向 AEM 实例中的 cq:dialogue 选项卡添加样式？
我们可以通过 jQuery 在控制台中更改样式，但是当它加载到特定页面中使用的任何组件的 javaScript(jQuery) 文件中时无法应用。
$('.coral-Form-field.coral3-Multifield').css('background-color', 'black');
在这里，我可以将打开的 cq:dialogue 框的背景颜色更改为黑色（关闭和打开对话后，更改消失，即背景颜色 returns 变为正常的灰色）。
我们应该如何以及在何处编写此代码，以便将样式应用于 cq:dialogue 框。
将 属性 extraClientlibs 添加到具有值的 cq:dialog，您的 clientlib 的类别。
假设您有一个类别为 'x' 的 clientlib，将 属性 extraClientlibs 添加到您的 cq:dialog 并将其值设置为 'x'。可以通过这种方式应用样式和 JS 脚本。 clientlib 文件夹可以简单地驻留在任何地方。
这个 link 可能有帮助：https://wcmaem.blogspot.com/2016/08/how-to-load-touchui-dialog-specific.html
在您的 cq.dialog 配置下添加此行：
extraClientlibs="[my.site]"
如果您不确定类别在哪里，这是我的示例：
My category sample
还要在您要添加 css class 的字段中添加花岗岩 class，示例：