DokumentationAEM 6.5Användarhandbok

Avgränsningskomponent i adaptiva formulär separator-component-in-adaptive-forms

Last update: Sat Jul 13 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Ämnen:

Skapat för:

  • Användare
  • Utvecklare

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:

  1. Välj en avgränsningskomponent och välj cmpr . Egenskaperna öppnas i sidofältet.
  2. 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.
  3. 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.
  4. Ange ett giltigt värde för den angivna CSS3-egenskapen i det intilliggande fältet. Exempel: 3-px solid black.
  5. Klicka på Lägg till objekt om du vill ange en annan egenskap och dess värde.
  6. Klicka på Förhandsgranska så att du kan förhandsgranska ändringarna i formuläret.
  7. Klicka på OK om du vill bekräfta ändringarna eller på Avbryt om du vill stänga dialogrutan utan några ändringar.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2