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

Adobe rekommenderar att man använder modern och utbyggbar datainhämtning Kärnkomponenterfor skapa ny Adaptive Formseller lägga till adaptiv 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 tjockleken på avgränsningskomponenten i pixlar.

  • CSS-klass: Anger den anpassade CSS-klassen för avgränsarkomponenten

  • Textbundna 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änd layoutläget för att ändra storlek på komponenter.

Så här anger du egenskaper för en avgränsningskomponent:

  1. Markera en avgränsningskomponent och markera cmppr . 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å fliken Fält Lägg till objekt. 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. Till exempel: 3-pixlars solid black.
  5. Klicka Lägg till objekt för att ange en annan egenskap och dess värde.
  6. Klicka Förhandsgranska så att du kan förhandsgranska ändringarna i formuläret.
  7. Klicka OK om du vill bekräfta ändringarna eller Avbryt för att stänga dialogrutan utan ändringar.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2