Scheidingscomponent in adaptieve vormen
Laatst bijgewerkt: 4 mei 2023
- Onderwerpen:
- Adaptive Forms
Gemaakt voor:
- User
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.
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 de waarde die is opgegeven in het veld Elementnaam.
- Dikte: Hiermee wordt de dikte van de scheidingscomponent in pixels opgegeven.
- Colspan: Hiermee geeft u het aantal kolommen op waaraan een scheidingscomponent zich uitstrekt.
- 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.
Eigenschappen van een scheidingscomponent opgeven:
- Selecteer een scheidingscomponent en tik op
- Klik op een tabblad in de sectie Inline CSS-eigenschappen om CSS-eigenschappen op te geven. Bijvoorbeeld: a. Klik op het tabblad Veld op Item toevoegen. Er wordt een rij met twee velden toegevoegd.
- 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.
- Geef in het aangrenzende veld een geldige waarde op voor de opgegeven CSS3-eigenschap. Bijvoorbeeld: 3px effen zwart.
- Klikken Item toevoegen om een andere eigenschap en de bijbehorende waarde op te geven.
- Klikken Voorvertoning om een voorbeeld van de wijzigingen in het formulier te bekijken.
- Klikken OK om de wijzigingen te bevestigen of Annuleren om het dialoogvenster zonder wijzigingen af te sluiten.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da