Définition du style de la politique pour le composant

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

  • Connectez-vous à votre instance AEM locale prête pour le cloud et accédez à Outils | Général | Modèles | Nom de votre projet.

  • Sélectionnez et ouvrez le modèle Vierge avec composants principaux en mode d’édition.

  • Cliquez sur l’icône de politique du composant de bouton pour ouvrir l’éditeur de politique.

  • button-policy

Définissez la politique comme illustré ci-dessous.

button-policy-details

Nous avons défini 2 styles/variations appelés Marketing et Corporate. Ces variations sont associées aux classes CSS correspondantes.Assurez-vous qu’il n’y a pas d’espace avant et après les noms de classe CSS.
Enregistrez vos modifications.

Style
Classe CSS
Marketing
cmp-adaptiveform-button–marketing
Corporate
cmp-adaptiveform-button–corporate

Ces classes CSS seront définies dans le fichier scss du composant (_button.scss).

Étapes suivantes

Définition des classes CSS

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