Scheidingscomponent in adaptieve vormen separator-component-in-adaptive-forms

Adobe beveelt aan moderne en uitbreidbare gegevensvastlegging te gebruiken Kernonderdelenfor nieuwe Adaptieve Forms makenof Aangepaste Forms toevoegen aan AEM Sites-pagina's. Deze componenten betekenen een aanzienlijke vooruitgang in de aanmaak van Adaptive Forms en zorgen voor indrukwekkende gebruikerservaring. In dit artikel wordt een oudere aanpak beschreven voor het ontwerpen van Adaptive Forms met behulp van stichtingscomponenten.

Met de scheidingscomponent kunt u deelvensters van een formulier visueel van elkaar scheiden. U kunt de algemene vormgeving en stijl van een scheidingscomponent definiƫren door de volgende eigenschappen van de scheidingscomponent op te geven:

  • Elementnaam: Specifies the name of the component. De SOM-expressies richten zich op de component met een waarde die is opgegeven in het veld Elementnaam.

  • Dikte: Hiermee wordt de dikte van de scheidingscomponent in pixels opgegeven.

  • CSS-klasse: Hiermee wordt de aangepaste CSS-klasse voor de scheidingscomponent opgegeven

  • Inline stijlen: Met AEM Forms kunt u nu inline CSS-stijlen toepassen op afzonderlijke adaptieve formuliercomponenten en een voorvertoning van de wijzigingen in real-time bekijken.

U kunt de modus Lay-out gebruiken om het aantal kolommen te definiƫren waaraan de scheidingscomponent zich uitstrekt. Zie voor meer informatie Gebruik de modus Lay-out om het formaat van componenten te wijzigen.

De eigenschappen van een scheidingscomponent opgeven:

  1. Selecteer een scheidingscomponent en selecteer cmppr . De eigenschappen worden geopend in het zijpaneel.
  2. Klik op een tabblad in de sectie Inline CSS-eigenschappen zodat u CSS-eigenschappen kunt opgeven. Bijvoorbeeld: a. Klik op het tabblad Veld op Item toevoegen. Er wordt een rij met twee velden toegevoegd.
  3. Geef in het eerste veld links een CSS3-eigenschap op die u wilt toepassen. Bijvoorbeeld: border. U kunt een eigenschap ook selecteren door op de knop pijl-omlaag te klikken. De vervolgkeuzelijst is niet uitputtend en u kunt elke ondersteunde CSS3-eigenschapnaam opgeven in dit veld.
  4. Geef in het aangrenzende veld een geldige waarde op voor de opgegeven CSS3-eigenschap. Bijvoorbeeld: 3-px effen zwart.
  5. Klikken Item toevoegen om een andere eigenschap en de bijbehorende waarde op te geven.
  6. Klikken Voorvertoning zodat u een voorbeeld van de wijzigingen in het formulier kunt bekijken.
  7. Klikken OK als u de wijzigingen wilt bevestigen of Annuleren om het dialoogvenster zonder wijzigingen af te sluiten.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2