文档AEMAEM 教程AEM as a Cloud Service 教程

在组件的策略中定义样式

Last update: Mon Mar 24 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 适用对象：
  • Experience Manager as a Cloud Service

创建对象：

  • 初学者
  • 中级
  • 开发人员

[AEM Forms as a Cloud Service]{class="badge informative"}

  • 登录到本地云就绪的AEM实例，然后导航到“工具” | 常规 | 模板 | 您的项目名称。

  • 在编辑模式下选择并打开​ 带核心组件的空白 ​模板。

  • 单击按钮组件的策略图标以打开策略编辑器。

  • 按钮策略

定义策略，如下所示

button-policy-details

我们定义了2个称为“营销”和“公司”的样式/变体。这些变体与相应的CSS类关联。请确保CSS类名前后没有空格。
保存更改。

样式
CSS 类
营销
cmp-adaptiveform-button — 营销
企业
cmp-adaptiveform-button—corporate

这些CSS类将在组件的scss文件(_button.scss)中定义。

后续步骤

定义CSS类

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69