Wizard

Een wizardindeling in een adaptief formulier verwijst naar een formulier dat is verdeeld in meerdere stappen of pagina's, waarbij de gebruiker stap voor stap door het formulier beweegt. Deze indeling wordt een "wizard" genoemd omdat deze de gebruiker in een stapsgewijs proces door het formulier begeleidt.

Elke stap van de wizard bevat doorgaans een groep gerelateerde formuliervelden en een navigatiemechanisme, zoals de knoppen Volgende en Vorige, waarmee u tussen de stappen kunt navigeren. De gebruiker kan pas verdergaan naar de volgende stap nadat de huidige stap is voltooid en alle vereiste velden zijn ingevuld.

De indeling van de wizard is handig voor formulieren met veel velden of gegevens die moeten worden verzameld, omdat het formulier dan wordt opgedeeld in kleinere, beter te beheren blokken. Hiermee kunnen gebruikers zich ook op één set velden tegelijk concentreren, waardoor het invullen van het formulier minder overweldigend wordt.

Het kan echter ook de complexiteit van het formulier vergroten, omdat de gebruiker meerdere pagina's moet doorlopen om het formulier in te vullen. Het is dus noodzakelijk om de formuliervereisten en gebruikersbehoeften te evalueren voordat u besluit een wizardindeling te gebruiken.

U kunt de lay-out Core Component van de Tovenaar in een Aangepast Vorm gebruiken om de lay-out van de Tovenaar tot stand te brengen.

Voorbeeld

Gebruik

Er zijn verscheidene redenen waarom het nuttig kan zijn om een lay-out van de Tovenaar in een AanpassingsVorm te gebruiken:

• Eenvoud: Door een formulier in meerdere stappen op te splitsen, kunnen gebruikers het formulier eenvoudiger begrijpen en voltooien, omdat ze zich op één set velden tegelijk kunnen concentreren.

• Organisatie: Een indeling van een wizard kan u helpen formulieren op onderwerp of doel in te delen en kan gerelateerde velden ook groeperen, waardoor het invullen van formulieren logischer en efficiënter kan verlopen.

• Validatie: Een wizardlay-out staat voor geleidelijke bevestiging toe, die gebruikers kan helpen fouten identificeren en verbeteren aangezien zij gaan, eerder dan het wachten tot het eind van de vorm.

• Voortgangsindicator: Een wizard kan de voortgang van het formulier weergeven, zodat de gebruiker kan zien hoeveel van het formulier nog moet worden ingevuld.

• Lange formulieren: Als het formulier veel velden bevat, kan het voor de gebruiker overweldigend zijn om ze allemaal tegelijk te zien, zodat het afbreken van de velden in kleinere, beter te beheren brokken het minder intimiderend kan maken.

• Afschaffing voorkomen: Een wizardlay-out kan ook helpen om het verlaten van formulieren te verminderen, aangezien de gebruikers eerder een formulier zullen voltooien als zij de vooruitgang kunnen zien en begrijpen hoeveel nog moet doen.

• Mobiele ervaring: Een wizardlay-out kan ook nuttig zijn voor formulieren die worden geopend op mobiele apparaten, omdat het kleinere pagina's mogelijk maakt die sneller worden geladen en gemakkelijker te navigeren zijn.

Over het algemeen kan een wizardindeling het invullen van formulieren overzichtelijker en efficiënter maken voor gebruikers, maar het is belangrijk om rekening te houden met de complexiteit van het formulier en de behoeften van de gebruiker voordat u besluit om dit type indeling te gebruiken.

Versie en compatibiliteit

De Adaptive Forms Wizard Layout Core Component is in februari 2023 uitgebracht als onderdeel van Core Components 2.0.4. Hier volgt een tabel met alle ondersteunde versies, AEM compatibiliteit en koppelingen naar de bijbehorende documentatie:

Raadpleeg voor meer informatie over versies en releases van de Core Component de Core Components-versies document.

Technische details

Lees de nieuwste informatie over de Adaptive Forms Title Core Component in de technische documentatie over GitHub. Raadpleeg de Documentatie voor ontwikkelaars van kerncomponenten.

Dialoogvenster configureren

Met het dialoogvenster Configureren kunt u de tovenaarservaring eenvoudig aanpassen voor bezoekers. U kunt ook eenvoudig wizardopties definiëren voor een naadloze gebruikerservaring.

Tabblad Standaard

• Naam - U kunt een formuliercomponent gemakkelijk herkennen met de unieke naam, zowel in het formulier als in de regeleditor, maar de naam mag geen spaties of speciale tekens bevatten.

• Titel - Met Titel kunt u een component gemakkelijk herkennen in een formulier. Standaard wordt de titel boven op de component weergegeven.

• Titel verbergen - Selecteer de optie om de titel van de component te verbergen.

• Gegevens in een object laten omlopen - Kies "Gegevens laten teruglopen in een object" om de veldgegevens in de wizard in een JSON-object te plaatsen. Als deze optie niet is gekozen, heeft de verzendgegevens-JSON een platte structuur voor de velden van de wizard.

• Layout - U kunt een vaste lay-out (Eenvoudig) of een flexibele lay-out (Responsief raster) voor uw wizard gebruiken. De eenvoudige lay-out houdt alles vast op de plaats, terwijl het Responsieve Net u toestaat om de positie van componenten aan uw behoeften aan te passen. Gebruik bijvoorbeeld Responsief raster om "Voornaam", "Tweede naam" en "Achternaam" in één rij uit te lijnen in een formulier.

• Bindverwijzing - Een bind verwijzing is een verwijzing naar een gegevenselement dat in een externe gegevensbron wordt opgeslagen en in een vorm wordt gebruikt. Met de bind-verwijzing kunt u gegevens dynamisch binden aan formuliervelden, zodat in het formulier de meest actuele gegevens uit de gegevensbron kunnen worden weergegeven. Een bind-verwijzing kan bijvoorbeeld worden gebruikt om de naam en het adres van een klant in een formulier weer te geven op basis van de id van de klant die in het formulier is ingevoerd. De bind verwijzing kan ook worden gebruikt om de gegevensbron met gegevens bij te werken ingegaan in de vorm. Op deze manier kunt u met AEM Forms formulieren maken die interageren met externe gegevensbronnen, zodat u een naadloze gebruikerservaring hebt voor het verzamelen en beheren van gegevens.

• Component verbergen - Selecteer de optie om de component te verbergen voor het formulier. De component blijft toegankelijk voor andere doeleinden, zoals het gebruiken voor berekeningen in de Redacteur van de Regel. Dit is handig wanneer u informatie wilt opslaan die niet hoeft te worden bekeken of rechtstreeks door de gebruiker hoeft te worden gewijzigd.

• Component uitschakelen - Selecteer de optie om de component uit te schakelen. De uitgeschakelde component is niet actief of bewerkbaar voor de eindgebruiker. De gebruiker kan de waarde van het veld zien, maar kan deze niet wijzigen. De component blijft toegankelijk voor andere doeleinden, zoals het gebruiken voor berekeningen in de Redacteur van de Regel.

Help, tabblad

• Korte beschrijving - Een korte beschrijving is een korte tekstuitleg met aanvullende informatie of verduidelijking over het doel van een specifiek formulierveld. Het helpt de gebruiker begrijpen welk type gegevens in het gebied moeten worden ingegaan en kan richtlijnen of voorbeelden verstrekken helpen ervoor zorgen dat de ingevoerde informatie geldig is en aan de gewenste criteria voldoet. Korte beschrijvingen blijven standaard verborgen. De optie Altijd korte beschrijving tonen gebruiken om de component onder de component weer te geven.

• Altijd korte beschrijving tonen - Schakel de optie in om de korte beschrijving onder de component weer te geven.

• Help-tekst - De Help-tekst verwijst naar aanvullende informatie of aanwijzingen die de gebruiker krijgt om deze te helpen bij het correct invullen van een formulierveld. Deze wordt weergegeven wanneer de gebruiker op het Help-pictogram (i) naast de component klikt. De Help-tekst biedt gedetailleerdere informatie dan de label- of plaatsaanduidingstekst van een formulierveld en is ontworpen om de gebruiker te helpen de vereisten of beperkingen van het veld te begrijpen. Het kan ook suggesties of voorbeelden bevatten om het invullen van het formulier eenvoudiger en nauwkeuriger te maken.

Tabblad Toegankelijkheid

• Tekst voor schermlezers - Tekst voor schermlezers verwijst naar extra tekst die specifiek is bedoeld om te worden gelezen door ondersteunende hulpmiddelen, zoals schermlezers, die door visueel gehandicapten worden gebruikt. Deze tekst bevat een audiobeschrijving van het doel van het formulierveld en kan informatie bevatten over de titel, beschrijving, naam en relevante berichten (aangepaste tekst) van het veld. Met de schermlezertekst kunt u ervoor zorgen dat het formulier toegankelijk is voor alle gebruikers, inclusief gebruikers met een visuele handicap, en krijgt deze een volledig inzicht in het formulierveld en de vereisten ervan.

• HTML-rol voor schermlezer om aan te kondigen - De rol HTML is een kenmerk dat wordt gebruikt om het doel van een element HTML aan ondersteunende hulpmiddelen, zoals schermlezers, op te geven. Het rolattribuut wordt gebruikt om extra context en semantische betekenis aan een element te verstrekken, die het voor schermlezers gemakkelijker maken om de inhoud te interpreteren en aan de gebruiker aan te kondigen. In AEM Forms heeft het label van een formulierveld bijvoorbeeld de rol "label" en kan het invoerveld de rol "textbox" hebben. Hierdoor kan de schermlezer de relatie tussen het label en het invoerveld begrijpen en deze correct aan de gebruiker meedelen.

Ontwerpdialoogvenster

De dialoog van het Ontwerp laat malplaatjemakers controleren hoe de dingen door gebrek worden getoond. Voor de component Adaptive Forms Wizard kunt u het volgende instellen:

• De kerncomponenten die een maker van het formulier aan de wizard kan toevoegen in de Adaptive Forms-editor
• Eenvoudige namen voor stijlen (CSS-klassen) die kunnen worden toegepast in het dialoogvenster Eigenschappen van de component Wizard in de Adaptive Forms-editor.

Hierdoor wordt het maken en aanpassen van formulieren eenvoudiger en efficiënter.

Tabblad Toegestane componenten

De Toegestane componenten kunt u in de sjablooneditor de componenten instellen die als items kunnen worden toegevoegd aan de deelvensters in de wizard-component in de Adaptieve Forms-editor.

Tabblad Standaardcomponenten

Op dit tabblad kan de sjablooneditor de componenten toewijzen die als items kunnen worden toegevoegd aan de deelvensters in de wizard-component in de Adaptieve Forms-editor.

Instellingen voor responsief

Op dit tabblad kan de sjablooneditor het aantal kolommen instellen dat in het responsieve raster moet worden weergegeven.

Tabblad Containerinstellingen

Op het tabblad Containerinstellingen kunt u de positie van componenten instellen in de Adaptieve Forms-editor.

• Layout: De eenvoudige lay-out houdt alles vast op de plaats, terwijl het Responsieve Net u toestaat om de positie van componenten te veranderen om uw behoeften aan te passen.
• Lay-out uitschakelen: U kunt de lay-outselectie in het dialoogvenster Bewerken ook uitschakelen door de optie Lay-out uitschakelen selectievakje.
• Achtergrondafbeelding inschakelen: Op dit tabblad kunt u de achtergrondafbeelding en -kleur instellen in de sjablooneditor.
• Achtergrondkleur inschakelen: Op dit tabblad kunt u de achtergrondkleur instellen in de sjablooneditor.

Tabblad Stijlen

Het tabblad wordt gebruikt om CSS-stijlen voor een component te definiëren en te beheren. De Adaptive Forms Wizard Core-component ondersteunt de AEM Stijlsysteem.

• Standaard CSS-klassen: U kunt een standaard CSS klasse voor de component van de Tovenaar verstrekken.

• Toegestane stijlen: U kunt stijlen definiëren door een naam op te geven en de CSS-klasse op te geven die de stijl vertegenwoordigt. U kunt bijvoorbeeld een stijl met de naam "vetgedrukte tekst" maken en de CSS-klasse "font-weight" opgeven: vet". U kunt deze stijlen gebruiken of toepassen op een adaptief formulier in de Adaptieve Forms-editor. Als u een stijl wilt toepassen, selecteert u in de Adaptieve Forms-editor de component waarop u de stijl wilt toepassen, navigeert u naar het dialoogvenster Eigenschappen en selecteert u de gewenste stijl in het menu Stijlen vervolgkeuzelijst. Als u de stijlen moet bijwerken of wijzigen, gaat u terug naar het dialoogvenster Ontwerpen, werkt u de stijlen op het tabblad Stijlen bij en slaat u de wijzigingen op.

Business.Adobe.com-bronnen