[AEM Forms]{class="badge positive" title="van toepassing op AEM Forms)."}

Lay-outmogelijkheden van adaptieve Forms op basis van kerncomponenten

Laatst bijgewerkt: 4 april 2026

Van toepassing op:
Experience Manager as a Cloud Service

Gemaakt voor:

User
Developer
Admin

Versie

Artikelkoppeling

AEM 6.5

klik hier

AEM as a Cloud Service (Foundation Components)

klik hier

AEM as a Cloud Service (Core Components)

Dit artikel

Adaptive Forms biedt eersteklas componenten om de formulieren effectief in te delen en te ontwerpen. De indeling bepaalt hoe componenten in een formulier worden weergegeven. Adaptieve Forms biedt ondersteuning voor verschillende lay-outs: deelvenster, wizard, accordeon, tabs op horizontale/bovenste tabbladen en tabbladen op links/verticale tabbladen.

Toepassings- en gebruiksgevallen

Verzekeringen

Biedt AEM Forms ondersteuning voor meertrapsgewijze verzekeringsaanvraagformulieren?

Ja. AEM Forms ondersteunt hulpformulieren met meerdere stappen en aangepaste logica, waardoor verzekeraars hun claiminformatie geleidelijk kunnen verzamelen op basis van het type en de context van de claim.

Kunnen klanten claimdocumenten veilig uploaden met AEM Forms?

Ja. AEM Forms biedt ondersteuning voor het veilig uploaden van documenten als onderdeel van formulierverzendingen, met toegangsbeheer en veilige gegevensverwerking die zijn afgestemd op de beveiligingsvereisten van de onderneming.

Aangepaste Forms-lay-outtypen

Adaptief formulier op basis van kerncomponenten ondersteunt de volgende typen indelingen:

lay-out van het Comité
lay-out van de Tovenaar
Verticale lay-out
Horizontale lay-out
de lay-out van de Accordeon

Lay-out van het Comité

De indeling van deelvensters is handig om verwante velden zo te ordenen dat u gemakkelijker kunt navigeren en de bijbehorende inhoud kunt vinden. In de indeling van het deelvenster worden formuliercomponenten in afzonderlijke secties of deelvensters gerangschikt in een adaptief formulier.

Lay-out van het Comité

Layout deelvenster

U kunt de paneelcomponent gebruiken om de paneellay-out in een vorm toe te voegen. Voor gedetailleerde instructies op hoe te om diverse eigenschappen van de paneelcomponent te vormen, verwijs naar het artikel van de paneelcomponent .

Lay-out van de Tovenaar

De indeling van de wizard helpt een complex formulier te vereenvoudigen door het op te splitsen in afzonderlijke stappen. Elke stap vertegenwoordigt een verschillend deel van het proces, en de gebruikers navigeren opeenvolgend door de stappen, vaak met Volgende en Vorige knopen. U kunt de indeling van de wizard gebruiken om een formulier te maken dat uit meerdere secties of stappen bestaat.

Lay-out van de Tovenaar

Wizard Layout

U kunt de tovenaar component gebruiken om de tovenaarslay toe te voegen in een vorm. Voor gedetailleerde instructies op hoe te om de diverse eigenschappen van de tovenaarscomponent te vormen, verwijs naar het artikel van de tovenaarscomponent .

Verticale Lay-out van Lusjes

De lay-out van verticale tabbladen wordt ook wel tabbladen in de linkerlay-out genoemd. Met de verticale tabs-indeling ordent u deelvensters of secties langs de linkerzijde van een formulier. Dit is een algemene indeling voor formulieren waarbij deelvensters/secties verticaal worden gestapeld om gemakkelijk te kunnen lezen en navigeren.

Verticale Lay-out

Lay-out verticale tabs

U kunt de verticale component van lusjes gebruiken om de verticale lusjelay-out in een vorm toe te voegen. Voor gedetailleerde instructies op hoe te om de diverse eigenschappen van de verticale component van lusjes te vormen, verwijs naar het verticale artikel van de luscomponent van lusjes .

Horizontale Lay-out van Lusjes

De lay-out Horizontale tabbladen wordt ook wel Tabs in de bovenste lay-out genoemd. Met de lay-out Horizontale tabbladen rangschikt u deelvensters of secties naast elkaar in een rij. In deze indeling worden de formuliersecties lineair weergegeven over de breedte van het formulier of deelvenster.

Horizontale Lay-out

Lay-out horizontale tabs

U kunt de horizontale component van lusjes gebruiken om de horizontale lusjelay-out in een vorm toe te voegen. Voor gedetailleerde instructies op hoe te om de diverse eigenschappen van de horizontale component van lusjes te vormen, verwijs naar het horizontale artikel van de lussencomponent .

Lay-out van de Accordeon

De accordeonindeling geeft de inhoud in inklapbare secties of deelvensters weer in een adaptief formulier. Wanneer een sectie wordt uitgevouwen, geeft deze de inhoud binnen weer, terwijl andere secties worden samengevouwen. Deze indeling is ideaal voor het weergeven van grote hoeveelheden gegevens in een compacte vorm.

Lay-out van de Accordeon

Accordeonlay-out

U kunt de accordeoncomponent gebruiken om de accordeonlay-out in een vorm toe te voegen. Voor gedetailleerde instructies op hoe te om de diverse eigenschappen van de accordeoncomponent te vormen, verwijs naar het artikel van de component 0} accordeon {.

Leren hoe te om een lay-out op te nemen en vormcomponenten aan het toe te voegen, verwijs naar de sectie genoemd hoe te om een lay-out op te nemen en vormcomponenten aan het toe te voegen?

Hoe kunt u de juiste indeling voor adaptief formulier kiezen?

Het is belangrijk dat u de juiste indeling voor Adaptief formulier selecteert om de gebruikerservaring en de functionaliteit van formulieren te optimaliseren. De tabel geeft u inzicht in de verschillende beschikbare lay-outopties en helpt u bij het selecteren van de meest geschikte lay-out op basis van uw specifieke behoeften en gebruiksgevallen:

Functie

Layout deelvenster

Wizard Layout

Tabs op de lay-out Boven/Verticaal tabs

Tabs op de lay-out Linkertabs/Horizontale tabs

Accordeonlay-out

Doel

Hiermee groepeert u gerelateerde inhoud in afzonderlijke secties

Hiermee worden gebruikers door een proces of formulier met meerdere stappen geleid

Hiermee kunt u schakelen tussen secties/weergaven op dezelfde pagina

Vergelijkbaar met bovenste tabbladen, maar verticaal links gerangschikt

Inhoud indelen in inklapbare secties

Structuur

Afzonderlijke secties

Opeenvolgende stappen/pagina’s

Horizontale tabbladen boven

Verticale tabbladen aan de linkerkant

Inklapbare deelvensters/secties

Navigatie

Klik op de kopteksten van het deelvenster om te navigeren

- Voorwaarts: "Volgende"knoop
- Achteruit: "Achtergrond"knoop
- Facultatieve het overslaan stappen

Klik op tabbladen om te schakelen tussen secties

Klik op kopteksten om secties uit te vouwen/samen te vouwen

Ervaring van 0} Gebruiker

Hiermee ordent u grote hoeveelheden inhoud op een beheerbare manier

Stapsgewijze begeleiding, waardoor de overweldigende

Duidelijk, toegankelijke omschakeling tussen meningen

Efficiënt gebruik van verticale ruimte, altijd zichtbare tabbladen

Compacte weergave met uitgevouwen/samengevouwen secties

Geval van het Gebruik

Complexe formulieren met gecategoriseerde secties

Installatieprocessen, complexe formulieren

Instellingen of inhoudscategorieën ordenen

Dashboards, complexe gegevensweergaven

Veelgestelde vragen, instellingenmenu’s, gedetailleerde inhoudssecties

Hoe te om een lay-out op te nemen en vormcomponenten aan het toe te voegen?

In het onderstaande diagram worden de stappen weergegeven voor het invoegen van een indeling in een formulier en het toevoegen van formuliercomponenten aan het formulier:

Werkschema om een lay-out en vormcomponenten toe te voegen

Overweeg de Vorm van het Verzoek van IT in de AanpassingsForms sectie van de Lay-out van de Lay-out wordt getoond. Het formulier verzamelt informatie van werknemers die technische problemen ondervinden met betrekking tot hun netwerk of laptop. Het bevat drie deelvensters:

de Details van de Werknemer: Het paneel verzamelt informatie over de werknemer en bevat drie textboxes geëtiketteerd Naam, E-mail identiteitskaart, en Afdeling.
Details van het Probleem: Het paneel vangt details over de kwestie. Het omvat checkbox voor de probleemcategorie met drie opties: Netwerk, Computer, of andere. Het bevat ook twee tekstvakken met het label Opgeven en Opmerkingen.
Gehechtheid: Het paneel staat gebruikers toe om ondersteunende documenten met betrekking tot het probleem te uploaden.

Laten we het stapsgewijze proces verkennen om een lay-out in te voegen en er componenten aan toe te voegen. In dit voorbeeld wordt een horizontale tabs-indeling ingevoegd in een formulier.

1. Een indelingscomponent invoegen in een formulier

Meld u aan bij uw Experience Manager Forms -instantie.
Selecteer in de linkerbovenhoek Adobe Experience Manager > Forms > Forms & Documents .
Open een bestaand adaptief formulier in een bewerkingsmodus als dit al is gemaakt.

Alternatief, kunt u nieuwe AanpassingsVorm ook creëren.
Zoek de sectie in de formulierbuilder waarin u een indeling kunt toevoegen.

Klik toevoegen pictogram. Het pictogram is een plusteken (+) waarmee u nieuwe componenten kunt toevoegen.

lay-out van het Tussenvoegsel

Het klikken voegt pictogram toe toont een Nieuwe de dialoogdoos van de Component van het Tussenvoegsel die diverse componenten voor toevoeging toont.

note
NOTE
Alternatief, kunt u ook slepen en de lay-outcomponent laten vallen.

Blader door de beschikbare componenten in het dialoogvenster en selecteer de gewenste indeling in de lijst. In ons geval selecteert u de component Horizontale tabbladen om de horizontale tabs-lay-out in te voegen.

Wanneer u de component met horizontale tabbladen aan het formulier toevoegt, bestaat deze in eerste instantie uit twee lege deelvensters, standaard genaamd Item1 en Item2. U moet handmatig formuliercomponenten aan deze deelvensters toevoegen.
Open de eigenschappen van de component met horizontale tabbladen en geef de naam voor de component op.
In dit geval voegen we bijvoorbeeld de naam van de horizontale tabbladcomponent toe als aanvraagformulier voor IT.
Klik Gedaan.

Nadat de indelingscomponent in het formulier is toegevoegd, wijzigt u het aantal deelvensters volgens de vereisten.

2. Voeg deelvensters toe aan de layout

Nieuw deelvenster toevoegen aan de component met horizontale tabbladen:

Open de horizontale eigenschappen van de lusjescomponent en klik de Punten tabel.
Klik toevoegen pictogram om nieuw paneel toe te voegen.

toe

Wanneer u klikt voeg pictogram toe, verschijnt het Nieuwe de dialoogvakje van de Component van het Tussenvoegsel.
Selecteer de deelvenstercomponent.

toe

Wanneer u de deelvenstercomponent selecteert, wordt het nieuwe deelvenster toegevoegd aan de horizontale lay-out.

toe

Geef een naam op voor het nieuwe deelvenster, anders kunt u de eigenschappen van de component met horizontale tabbladen niet opslaan.
Geef de namen van de deelvensters op, zoals in de onderstaande afbeelding wordt getoond:
Klik Gedaan.

Zodra u Gedaan klikt, verschijnen de drie panelen naast elkaar in een rij. De deelvensternamen worden als koppen voor elk deelvenster weergegeven en u kunt formuliercomponenten aan elk deelvenster toevoegen.

U kunt de eigenschappen van een deelvenstercomponent configureren. Het IT-aanvraagformulier bevat bijvoorbeeld geen titels van deelvensters. Hier volgen de stappen voor het configureren van eigenschappen van een deelvenstercomponent.
Open de eigenschappen van het eerste deelvenster.
Selecteer titel checkbox van de Huid van Basis tabel.
Klik Gedaan.

Op dezelfde manier kunt u ook titels voor de andere twee deelvensters verbergen. Als u klaar bent, kunt u doorgaan met het toevoegen van formuliercomponenten aan elk deelvenster.

3. Voeg formuliercomponenten toe aan het deelvenster

Zoek de sectie in het deelvenster waarin u componenten kunt toevoegen.
Klik toevoegen pictogram. Het pictogram is een plusteken (+) waarmee u nieuwe componenten kunt toevoegen.

Het klikken voegt pictogram toe toont een Nieuwe de dialoogdoos van de Component van het Tussenvoegsel die diverse componenten voor toevoeging toont.
Blader door de beschikbare componenten in het dialoogvenster dat wordt weergegeven en selecteer de gewenste component. Selecteer in ons geval de component Tekstvak.
Open de eigenschappen van de toegevoegde component en geef de naam ervan op. Hiermee kunt u de eigenschappen van de toegevoegde component Tekstvak bewerken en de naam ervan opgeven.
Voeg op dezelfde manier nog twee tekstvakcomponenten toe en noem de componenten als e-mailadres en afdeling.

Nu de componenten in het eerste deelvenster zijn toegevoegd, kunt u doorgaan met het toevoegen van de componenten aan het tweede deelvenster.
Om het paneel te schakelen, klik Uitgezochte Comité van de toolbar.

Wanneer u het Uitgezochte Comité klikt, verschijnt de lijst van de toegevoegde panelen in de Horizontale component van Lusjes.
Selecteer 2 Comité van de paneellijst en de meningsveranderingen van het eerste paneel aan het tweede paneel.
Herhaal de stappen die van Stap 2 aan Stap 4 voor het toevoegen van de gewenste componenten in paneel 2 zoals aangetoond in het hieronder cijfer worden geschetst:
Schakelaar aan het 3 Comité door de stappen te volgen die in Stap 6 en Stap 7 worden geschetst.
Herhaal de stappen die van Stap 2 tot Stap 4 worden beschreven voor het toevoegen van de gewenste component in paneel 3:
Klik op Preview in de rechterbovenhoek van de ontwerpomgeving.

U kunt ook slepen-en-daling de componenten om de vormcomponenten aan elk paneel toe te voegen.

U kunt vormcomponent van het paneel ook schrappen gebruikend het .

Deleting a component

U kunt desgewenst ook de vereiste validaties voor de componenten toevoegen.

Hoe te om een bestaande lay-out met een nieuwe lay-out te vervangen?

U kunt een indeling van een formulier vervangen door een nieuwe indeling. Hierbij moet u wijzigen hoe componenten worden gerangschikt en weergegeven in een formulier.

Voer de volgende stappen uit om de bestaande indeling van een formulier te vervangen:

Klik op het pictogram Vervangen op de werkbalk van de lay-outcomponent en het dialoogvenster Replace Component wordt weergegeven.
Selecteer de gewenste indeling in het dialoogvenster Replace Component .

Nadat u de lay-out hebt geselecteerd, wordt de rangschikking van de componenten in de lay-out dienovereenkomstig gewijzigd. Selecteer bijvoorbeeld de component met verticale tabbladen in het dialoogvenster Replace Component . De rangschikking van het deelvenster verandert in tabbladen aan de linkerkant:

Extra bytes

Voer de volgende stappen uit om componenten naar de formulierbuilder te slepen:

Zoek de sectie waarin u componenten kunt toevoegen.
Navigeer aan het linkerpaneel binnen uw auteursmilieu en klik Componenten.

Wanneer u de optie van Componenten klikt, verschijnt de lijst van de beschikbare componenten.
Blader door de beschikbare componenten en selecteer de gewenste component.
Sleep de component door op de geselecteerde component te klikken en deze ingedrukt te houden en vervolgens over de component naar het deelvenstergebied te slepen.
Zet de component neer in het paneel door de muis vrij te geven.

Volgende stappen

Als u bekend bent met de verschillende indelingsmogelijkheden voor een adaptief formulier op basis van kerncomponenten, kunt u verdergaan met de volgende stappen:

Zie ook

recommendation-more-help

experience-manager-cloud-service-help-main-toc