Scheidingscomponent in adaptieve vormen separator-component-in-adaptive-forms
de Adobe adviseert gebruikend de moderne en verlengbare gegevens vangen Componenten van de Kernvoor het creëren van nieuwe Aangepaste Formsof het toevoegen van Aangepaste Forms aan de pagina's van AEM Sites. 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:
-
Naam van het Element: specificeert de naam van de component. De SOM-expressies richten zich op de component met een waarde die is opgegeven in het veld Elementnaam.
-
Dikte: specificeert de dikte van de separatorcomponent in pixel.
-
CSS Klasse: specificeert de douaneCSS klasse voor de separatorcomponent
-
Inline stijlen: met AEM Forms, kunt u inline CSS stijlen nu toepassen op individuele adaptieve vormcomponenten en voorproef de veranderingen in real time.
U kunt de modus Lay-out gebruiken om het aantal kolommen te definiëren waaraan de scheidingscomponent zich uitstrekt. Voor meer informatie, zie {de wijze van de Lay-out van het 0} Gebruik om componenten 🔗 te resize.
De eigenschappen van een scheidingscomponent opgeven:
- Selecteer een separatorcomponent en selecteer
- Klik op een tabblad in de sectie Inline CSS-eigenschappen zodat u CSS-eigenschappen kunt opgeven. Bijvoorbeeld: a. Op het lusje van het Gebied, klik Punt toevoegen. Er wordt een rij met twee velden toegevoegd.
- Geef in het eerste veld links een CSS3-eigenschap op die u wilt toepassen. Bijvoorbeeld, grens. 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, 3 px stevige zwarte.
- Klik toevoegen Punt om een ander bezit en zijn waarde te specificeren.
- Klik Voorproef zodat kunt u voorproef de veranderingen in de vorm.
- Klik O.K. als u de veranderingen wilt bevestigen of annuleert om de dialoog zonder enige veranderingen weg te gaan.