Verifica le modifiche
[AEM Forms as a Cloud Service]{class="badge informative"}
Crea un modulo adattivo basato sul modello "Blank with Core Components". Trascinare e rilasciare 3 pulsanti sul modulo e assegnare loro l'etichetta "Corporate", "Marketing" e "Default".
Assegnare le varianti di stile appropriate ai pulsanti Aziendale e Marketing selezionando il pennello di disegno come mostrato di seguito.
Al terzo pulsante verrà applicato lo stile predefinito.
Creare il progetto tema
Il passaggio successivo è quello di costruire il progetto tematico. Passa alla cartella principale del progetto tema ed esegui il comando npm run build come mostrato nella schermata seguente.
Una volta creato correttamente il progetto tematico, puoi testare le modifiche.
Metodo semplice e veloce per testare il css
- Apri il file theme.css che si trova nella cartella Dist del progetto tema.Seleziona e copia l’intero contenuto del file.
- Visualizzare in anteprima il modulo creato nel passaggio precedente.
- Fai clic con il pulsante destro del mouse su uno dei pulsanti e seleziona Ispeziona per aprire la console per sviluppatori.
- Dalla console per sviluppatori, fai clic su theme.css per aprire theme.css
- Seleziona ed elimina l’intero contenuto di theme.css utilizzando il CTR-A e premi il pulsante Elimina.
- Copia e incolla il contenuto di theme.css creato nel passaggio precedente.
- I pulsanti devono essere aggiornati con gli stili appropriati, come illustrato di seguito.
Effettua il push delle modifiche
Se sei soddisfatto delle modifiche, puoi inviare le modifiche all'istanza cloud utilizzando la pipeline front-end