Nummerinvoer

Een component Number Input in een adaptief formulier is een type formulierveld waarmee gebruikers numerieke waarden kunnen invoeren. De component wordt gewoonlijk vertegenwoordigd door een tekstveld met een pijl-omhoog en pijl-omlaag voor het verhogen en verlagen van het getal.

Deze kan ook worden gebruikt met kenmerken als min, max, step, value en meer. Deze kenmerken kunnen worden gebruikt om de minimale en maximale waarden in te stellen die zijn toegestaan in het veld, het stapinterval voor het verhogen of verlagen van het getal en de standaardwaarde van het veld.

Deze component kan worden gebruikt om numerieke gegevens zoals leeftijd, hoeveelheid, en meer te verzamelen. Het kan ook worden gebruikt om wiskundige bewerkingen uit te voeren, zoals optellen en aftrekken. Deze component kan ook worden gebruikt om de numerieke gegevens te valideren die de gebruiker heeft ingevoerd.

Voor toegankelijkheid is het belangrijk om 'label' op te geven dat het doel van het invoerveld voor nummers beschrijft en welke invoer wordt verwacht.

Voorbeeld

Gebruik

Er zijn verschillende redenen waarom het nuttig is om een numerieke invoercomponent op te nemen in een adaptief formulier, zoals:

  • Wiskundige bewerkingen: Met numerieke velden kunt u wiskundige bewerkingen uitvoeren, zoals optellen, aftrekken, vermenigvuldigen en delen.

  • Gegevensbereik: Met numerieke velden kunt u een reeks geldige waarden instellen met de kenmerken min, max en step.

  • Dynamische inhoud: De component Numeric kan worden gebruikt om dynamische gegevens weer te geven op basis van de formuliervelden.

Versie en compatibiliteit

De Adaptive Forms Accordion Core Component is in februari 2023 uitgebracht als onderdeel van Core Components 2.0.4 for Cloud Service and Core Components 1.1.12 voor AEM 6.5.16.0 Forms of hoger. Hier volgt een tabel met alle ondersteunde versies, AEM compatibiliteit en koppelingen naar de bijbehorende documentatie:

Componentversie AEM as a Cloud Service AEM 6.5.16.0 Forms of hoger
v1 Compatibel met
versie 2.0.4 en hoger
Compatibel met
release 1.1.12 en later, maar minder dan 2.0.0.

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

Technische details

Ga voor de meest recente informatie over de Adaptive Forms Number input Core Component naar de technische documentatie over GitHub. Raadpleeg de Documentatie voor ontwikkelaars van kerncomponenten.

Dialoogvenster configureren

Met het dialoogvenster Configureren kunt u de gebruikersinvoer voor bezoekers eenvoudig aanpassen. U kunt ook eenvoudig opties voor numerieke invoer definiëren voor een naadloze gebruikerservaring.

Tabblad Standaard

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. Als u geen titel toevoegt, wordt de naam van de component weergegeven in plaats van de titeltekst.

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

  • Plaatsaanduidingstekst - Plaatsaanduidingstekst in een formuliercomponent verwijst naar een kort label of een korte vraag die binnen een invoerveld wordt weergegeven als een tip voor de gebruiker met betrekking tot welk type informatie naar verwachting in dat veld wordt ingevoerd. Plaatsaanduidingstekst verdwijnt wanneer de gebruiker in het veld typt en verschijnt opnieuw als het veld leeg blijft. De klasse biedt een visuele aanwijzing voor de gebruiker, maar fungeert niet als een permanent label of een permanente waarde voor het veld.

  • 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.

  • Alleen-lezen - Selecteer de optie om de component niet-bewerkbaar te maken 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.

  • Type nummer - Met deze optie kunt u het type numerieke waarden selecteren dat ​ toegestaan in het formulierveld. U kunt de typen Decimaal of Geheel getal selecteren in het keuzemenu.

  • Standaardwaarde - Met deze optie kunt u een standaardwaarde toevoegen aan een formulierveld. Indien Uitgeschakelde component of Component (alleen-lezen) is geselecteerd, wordt de standaardwaarde op het scherm weergegeven. Als er geen waarde wordt ingevoerd door de gebruiker in het formulierveld, wordt deze waarde verzonden op het moment dat het formulier wordt verzonden

Tabblad Validatie

Tabblad Validatie

  • Vereist - Selecteer deze optie als u de component wilt weergeven in een adaptief formulier. U kunt de Component verbergen of Component uitschakelen in de Basis als deze optie is geselecteerd.

  • Foutbericht - Met deze optie kunt u een bericht invoeren dat wordt weergegeven als de optie Vereist selectievakje is ingeschakeld en het veld blijft leeg.

  • Bericht voor scriptvalidatie - Met deze optie kunt u een bericht invoeren dat wordt weergegeven als de scriptvalidatie mislukt.

  • Laagste getal / Kleinste getal - Gebruik deze optie om het minimaal toegestane aantal in te voeren in het formulierveld te selecteren. Als de waarde kleiner is dan het getal dat is opgegeven in Laagste getal / Kleinste getal wordt ingevoerd in het formulierveld, wordt het foutbericht weergegeven.

  • Minimale foutmelding - Met deze optie kunt u een foutbericht invoeren dat wordt weergegeven wanneer de gebruiker een waarde invoert die lager is dan de waarde die is opgegeven in het dialoogvenster Minimum aantal/minimum aantal optie.

  • Minimumwaarde uitsluiten - Schakel dit selectievakje in als u niet de minimumwaarde wilt opgeven in het dialoogvenster Laagste getal / Kleinste getal op te nemen in het bereik van waarden die ​ worden ingevoerd in het formulierveld.

  • Hoogste getal / Grootste getal - Gebruik deze optie om het maximum toegestane aantal in te voeren in het formulierveld te selecteren. Als het getal groter is dan het getal dat is opgegeven in Hoogste getal / Grootste getal wordt ingevoerd in het formulierveld, wordt het foutbericht weergegeven.

  • Maximum foutbericht - Met deze optie kunt u een foutbericht invoeren dat wordt weergegeven wanneer de gebruiker een waarde invoert die groter is dan de waarde die is opgegeven in het dialoogvenster Hoogste getal / Grootste getal optie.

  • Maximumwaarde uitsluiten - Schakel dit selectievakje in als u niet de maximumwaarde wilt opgeven in het dialoogvenster Hoogste getal / Grootste getal in het formulierveld in te voeren waarden.

Het tabblad Help-inhoud

Help-inhoud, 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

Toegankelijkheid, tabblad

Tekst voor schermlezers - Tekst voor schermlezers verwijst naar extra tekst die 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.

Tabblad Opmaak

Toegankelijkheid, tabblad

  • Weergave-indeling - Met deze optie kunt u opties selecteren uit verschillende numerieke indelingen voor weergave. Wanneer de gebruiker een optie selecteert in het menu Type vervolgkeuzemenu, de Indeling wordt weergegeven in het deelvenster. U kunt een specifieke indeling kiezen waarin getallen worden weergegeven aan de gebruiker.

  • Aantal cijfers vóór het decimale scheidingsteken (1234.000) - Gebruik deze optie om het aantal cijfers op te geven dat voor het decimaalteken moet worden weergegeven.

  • Aantal cijfers na het decimale scheidingsteken (1234.000) - Gebruik deze optie om het aantal cijfers op te geven dat na het decimaalteken moet worden weergegeven.

Ontwerpdialoogvenster

Het dialoogvenster Ontwerpen wordt gebruikt om CSS-stijlen voor de invoercomponent Number te definiëren en te beheren.

Tabblad Stijlen

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

Styletab

Standaard CSS-klassen: U kunt een standaard CSS-klasse opgeven voor de Adaptive Forms Number input Core Component.

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 in Adaptive Forms gebruiken of toepassen op een adaptief formulier. Als u een stijl wilt toepassen, selecteert u in de Adaptieve Forms-editor de component waarop u de editor voor 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.

Tabblad Opmaak

Op het tabblad Indelingen kunt u de standaardindelingen en de aangepaste getalnotaties opgeven.
Tabblad Ontwerp

Op deze pagina