Defina el estilo en la directiva para el componente

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

  • Inicie sesión en la instancia local de AEM lista para la nube y navegue hasta Herramientas | General | Plantillas | nombre del proyecto.

  • Seleccione y abra la plantilla En blanco con componentes principales en el modo de edición.

  • Haga clic en el icono de directiva del componente Botón para abrir el editor de directivas.

  • botón-directiva

Defina la política como se muestra a continuación

button-policy-details

Hemos definido 2 estilos/variaciones llamadas Marketing y Corporate. Estas variaciones están asociadas con las clases CSS correspondientes.Asegúrese de que no haya espacio antes y después de los nombres de clase CSS.
Guarde los cambios.

Estilo
Clase de CSS
Marketing
cmp-adaptiveform-button-marketing
Corporativo
cmp-adaptiveform-button-corporate

Estas clases CSS se definirán en el archivo scss del componente (_button.scss).

Siguientes pasos

Definir clases CSS

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