Avgränsningskomponent i adaptiva formulär separator-component-in-adaptive-forms
Adobe rekommenderar att du använder den moderna och utbyggbara datainhämtningen Core Componentsför att skapa nya adaptiva Formseller att lägga till adaptiva Forms på AEM Sites-sidor. De här komponenterna utgör ett betydande framsteg när det gäller att skapa adaptiva Forms-filer, vilket ger imponerande användarupplevelser. I den här artikeln beskrivs ett äldre sätt att skapa adaptiva Forms med baskomponenter.
Du kan använda avgränsarkomponenten för att dela upp paneler i ett formulär visuellt. Du kan definiera det övergripande utseendet och formatet för en avgränsningskomponent genom att ange följande egenskaper för avgränsningskomponenten:
-
Elementnamn: Anger komponentens namn. SOM-uttrycken adresserar komponenten med ett värde angivet i fältet Elementnamn.
-
Tjocklek: Anger avgränsarkomponentens tjocklek i pixlar.
-
CSS-klass: Anger den anpassade CSS-klassen för avgränsarkomponenten
-
Infogade format: Med AEM Forms kan du nu använda infogade CSS-format på enskilda adaptiva formulärkomponenter och förhandsgranska ändringarna i realtid.
Du kan använda layoutläget för att definiera antalet kolumner som avgränsningskomponenten sträcker sig till. Mer information finns i Använda layoutläget för att ändra storlek på komponenter.
Så här anger du egenskaper för en avgränsningskomponent:
- Välj en avgränsningskomponent och välj . Egenskaperna öppnas i sidofältet.
- Klicka på en flik i avsnittet Infoga CSS-egenskaper så att du kan ange CSS-egenskaper. Till exempel: a. Klicka på Lägg till objekt på fliken Fält. En rad med två fält läggs till.
- I det första fältet från vänster anger du den CSS3-egenskap som du vill använda. Till exempel border. Du kan också välja en egenskap genom att klicka på nedpilsknappen. Listrutan är inte fullständig och du kan ange ett CSS3-egenskapsnamn som stöds i det här fältet.
- Ange ett giltigt värde för den angivna CSS3-egenskapen i det intilliggande fältet. Exempel: 3-px solid black.
- Klicka på Lägg till objekt om du vill ange en annan egenskap och dess värde.
- Klicka på Förhandsgranska så att du kan förhandsgranska ändringarna i formuläret.
- Klicka på OK om du vill bekräfta ändringarna eller på Avbryt om du vill stänga dialogrutan utan några ändringar.