Wijzigingen testen

Laatst bijgewerkt: 24 maart 2025

Gemaakt voor:

  • Beginner
  • tussenpersoon
  • Ontwikkelaar

AEM Forms as a Cloud Service

Creeer een adaptieve vorm die op "Leeg met de malplaatje van de Componenten van de Kern"wordt gebaseerd. Sleep drie knoppen naar het formulier en geef deze het label ''Corporate'', ''Marketing'' en ''Default''.
Wijs de juiste stijlvarianten toe aan de bedrijfs- en marketingknoppen door het penseel hieronder te selecteren.

stijlen

Op de derde knop wordt de standaardstijl toegepast.

Het themaproject samenstellen

De volgende stap is het themaproject te bouwen. Navigeer aan de wortelomslag van uw themaproject en stel in werking bevel ​ npm looppas bouwt ​ zoals aangetoond in het hieronder ontsproten scherm.

bouwstijl-thema

Zodra het themaproject met succes wordt gebouwd, zijn uw bereid om de veranderingen te testen.

Snelle en eenvoudige manier om uw CSS te testen

  • Open het bestand theme.css in de map dist van uw themaproject. Selecteer en kopieer de volledige bestandsinhoud.
  • Bekijk een voorbeeld van het formulier dat u in de vorige stap hebt gemaakt.
  • Klik met de rechtermuisknop op een van de knoppen en selecteer Inspecteren om de ontwikkelaarsconsole te openen.
  • Klik in de ontwikkelingsconsole op theme.css om theme.css te openen
  • Selecteer en schrap de volledige inhoud van theme.css door CTR-A te gebruiken en de schrappingsknoop te drukken.
  • Kopieer en plak de inhoud van theme.css die u in de vroegere stap bouwde.
  • De knoppen moeten worden bijgewerkt met de juiste stijlen, zoals hieronder wordt weergegeven.

definitief-knopen

De wijzigingen verschuiven

Als u met de veranderingen wordt tevredengesteld, kunt u de veranderingen in uw wolkeninstantie duwen gebruikend de front-end pijpleiding

Vorige paginaVariaties definiëren
Volgende pagina1. Inleiding

Experience Manager