Kryssrutegrupp button-component-adaptive-forms-core-component

Den här artikeln innehåller innehåll omTillåt RTF-text för rubrikochTillåt RTF för alternativfunktioner, förhandsversioner. Förhandsversionen är bara tillgänglig via vår kanal för förhandsversion.

En kryssrutegrupp i ett adaptivt formulär är en uppsättning relaterade kryssrutor som gör att användare kan välja ett eller flera alternativ i en lista. Varje kryssruta representeras av ett datavärde (värde som används för att bearbeta objekt i en kryssrutegrupp) och ett visningsvärde (etikett för varje kryssruteobjekt som beskriver dess syfte)
Exempel

exempel på kryssrutegrupp

Dialogrutan Egenskaper

dialogruta för gruppegenskap för kryssruta

I det här exemplet används elementet Alternativ för att gruppera kryssrutorna. The Visa text -elementet används för att ange en etikett för ett objekt och Datavärde används för att ange det värde som skickas till servern när formuläret skickas.

Varje kryssrutealternativ/objekt har ett unikt datavärde och attributet Visa text. Om en användare markerar kryssrutorna "Son" och "Dotter" skickas motsvarande datavärde till servern när formuläret skickas. Dessa data kan sedan bearbetas av ett skript på servern för att avgöra vilka alternativ som har valts av användaren och kan användas för olika åtgärder, som att uppdatera andra fält i formuläret eller skicka formulärdata till ett skript på servern för vidare bearbetning.

Dessutom kan kryssrutegruppen konfigureras att ha olika bearbetningsvärden för varje alternativ, och detta kan ställas in med hjälp av den anpassningsbara Forms-regelredigeraren.

Användning reasons-to-use-check-box-group

Det finns många skäl till att det är bra att inkludera en kryssrutegrupp i ett anpassat formulär, bland annat:

  • Flera markeringar: En kryssrutegrupp gör att användare kan välja flera alternativ i en lista, vilket kan vara användbart i situationer där flera val tillåts eller krävs.

  • Användarupplevelse: Kryssrutegruppen kan användas för att göra formuläret mer användarvänligt genom att tillhandahålla ett tydligt och intuitivt sätt för användarna att välja flera alternativ.

  • Dataanalys: Kryssrutegruppen kan användas för att samla in data från olika källor och analysera den, eller använda den som indata för vidare bearbetning.

  • Undersökningar: Kryssrutegrupp kan användas i undersökningar för att välja flera alternativ för en fråga.

  • Användarinställningar: Kryssrutegruppen kan användas för att samla in användarinställningar för olika alternativ.

  • Datavärde: Kryssrutegruppen kan också användas för att bearbeta objekt i en kryssrutegrupp.

Version och kompatibilitet version-and-compatibility

Den adaptiva Forms Accordion Core-komponenten släpptes i februari 2023 som en del av Core Components 2.0.4 för Cloud Service och Core Components 1.1.12 för AEM 6.5.16.0 Forms eller senare. Här är en tabell med alla versioner som stöds, AEM kompatibilitet och länkar till motsvarande dokumentation:

Komponentversion
AEM as a Cloud Service
AEM 6.5.16.0 Forms eller senare
v1
Kompatibel med
version 2.0.4 och senare
Kompatibel med
version 1.1.12 och senare men mindre än 2.0.0.

Mer information om versioner och versioner av kärnkomponenter finns i Huvudkomponentversioner -dokument.

Teknisk information technical-details

Hämta den senaste informationen om den adaptiva Forms Checkbox Group Core Component i den tekniska dokumentationen om GitHub. Mer information om hur du utvecklar kärnkomponenter finns i Dokumentation för grundkomponentutvecklare.

Konfigurera dialogruta configure-dialog

Du kan enkelt anpassa kryssruteupplevelsen för besökare med dialogrutan Konfigurera. Du kan också enkelt definiera kryssrutealternativ för en smidig användarupplevelse.

Fliken Grundläggande basic-tab

fliken Grundläggande

  • Namn - Namnet identifierar komponenten i regelredigeraren unikt. Specialtecken och mellanslag är inte tillåtna i namnsträngarna.

  • Titel - Med dess titel kan du enkelt identifiera en komponent i ett formulär. Som standard visas titeln ovanpå komponenten. Om du inte lägger till en titel visas komponentens namn i stället för rubriktexten.

  • Tillåt RTF-text för rubrik - Med den här funktionen kan användare formatera vanliga texttitlar med funktioner som fet, kursiv, understruken text, olika teckensnitt, teckenstorlekar, färger och ytterligare alternativ för att förbättra visuell presentation och anpassning. Det ger större flexibilitet och kreativ kontroll när det gäller att få titlar att sticka ut i dokument, på webbplatser och i tillämpningar.
    När du markerar kryssrutan för Tillåt RTF-text för rubrik blir formateringsalternativen synliga för att formatera komponentens titel. Om du vill visa alla tillgängliga formateringsalternativ klickar du på Fullscreen Helskärmsikon -fliken.

    Stöd för RTF

  • Dölj titel - Välj alternativet om du vill dölja komponentens titel.

  • Alternativ - Du kan lägga till datavärden och visa textpar med Lägg till -knappen.
    När ett nytt alternativ har lagts till kan följande åtgärder utföras:

    • Datavärde - Med det här alternativet kan du ange det innehåll som ska skickas när ett alternativ har valts.
    • Visa text - Med det här alternativet kan du ange det innehåll som ska visas i ett adaptivt formulär.
    • Ta bort - Tryck eller klicka för att ta bort alternativet för en kryssruta.
    • Ordna om - Tryck eller klicka och dra för att ordna om panelerna.

    Du kan också formatera alternativen för kryssrutegruppen med Tillåt RTF för alternativ.

    RTF-stöd för olika alternativ

    När du har markerat kryssrutan för Tillåt RTF för alternativ formateringsalternativen blir synliga när du vill formatera komponentens alternativ. Om du vill visa alla tillgängliga formateringsalternativ klickar du på Fullscreen Helskärmsikon -fliken.
    RTF-stöd för olika alternativ

  • Bindningsreferens - En bind referens är en referens till ett dataelement som lagras i en extern datakälla och används i ett formulär. Med den binda referensen kan du binda data dynamiskt till formulärfält så att formuläret kan visa de senaste data från datakällan. En bindningsreferens kan till exempel användas för att visa en kunds namn och adress i ett formulär baserat på kundens ID som anges i formuläret. Bindningsreferensen kan också användas för att uppdatera datakällan med data som anges i formuläret. På så sätt kan AEM Forms skapa formulär som interagerar med externa datakällor, vilket ger en smidig användarupplevelse för att samla in och hantera data.

  • Markera som obundet formulärelement: Välj alternativet att konfigurera ett formulärfält som inte är länkat till något schema. Med det här alternativet kan du spara data utan att uppdatera datakällan. Det gör det också möjligt att hantera data på ett anpassat sätt, skilt från standarddatabasintegrering.

  • Datatyp för skickat värde - Det här alternativet anger datatypen för det värde som skickas när något alternativ är markerat. Om datatyp för skickat värde är inställd på Number och du lägger till strängdata i Datavärde ​ ​ på Alternativ visas en Value type mismatch felmeddelande.

  • Visningsalternativ - Det här alternativet används för att ange den visuella justeringen av kryssrutor i ett adaptivt formulär. Följande två alternativ stöds:

    • Vågrät - När det här alternativet är markerat visas kryssrutorna från vänster till höger i ett adaptivt formulär.
    • Lodrätt - När det här alternativet är markerat visas kryssrutorna uppifrån och ned i ett adaptivt formulär.
  • Standardalternativ - Med det här alternativet kan du lägga till förvalda standardvärden när formuläret läses in. Använd ikonen Ta bort för att ta bort de tillagda alternativen. Om datatyp för skickat värde är inställd på Number och du lägger till strängdata i Standardalternativ visas en Value type mismatch felmeddelande.

  • Dölj komponent - Välj alternativet att dölja komponenten från formuläret. Komponenten är fortfarande tillgänglig för andra syften, som att använda den för beräkningar i regelredigeraren. Detta är användbart när du behöver lagra information som inte behöver visas eller ändras direkt av användaren.

  • Inaktivera komponent - Välj alternativet att inaktivera komponenten. Den inaktiverade komponenten är inte aktiv eller redigerbar av slutanvändaren. Användaren kan se fältets värde, men kan inte ändra det. Komponenten är fortfarande tillgänglig för andra syften, som att använda den för beräkningar i regelredigeraren.

  • Skrivskyddad - Välj alternativet att göra komponenten icke-redigerbar. Användaren kan se fältets värde, men kan inte ändra det. Komponenten är fortfarande tillgänglig för andra syften, som att använda den för beräkningar i regelredigeraren.

Fliken Validering validation-tab

Fliken Validering

  • Obligatoriskt - Välj det här alternativet om du vill visa komponenten i ett adaptivt formulär. När du har valt alternativet måste du göra ett val innan du kan fortsätta med en formuläröverföring. Du kan inte välja Dölj komponent eller Inaktivera komponent i Grundläggande när det här alternativet är markerat.

  • Felmeddelande - Med det här alternativet kan du ange ett meddelande som visas om Obligatoriskt kryssrutan är markerad och formulärfältet är tomt.

  • Skriptverifieringsmeddelande - Med det här alternativet kan du ange ett meddelande som ska visas om skriptvalideringen misslyckas.

Fliken Hjälpinnehåll helpcontent-tab

Fliken Hjälpinnehåll

  • Kort beskrivning - En kort beskrivning är en kort textförklaring som ger ytterligare information eller förtydliganden om syftet med ett visst formulärfält. Det hjälper användaren att förstå vilken typ av data som ska anges i fältet och kan ge riktlinjer eller exempel som hjälper till att säkerställa att den angivna informationen är giltig och uppfyller de önskade kriterierna. Som standard är korta beskrivningar dolda. Aktivera Visa alltid kort beskrivning för att visa den under komponenten.

  • Visa alltid kort beskrivning - Aktivera alternativet att visa den korta beskrivningen under komponenten.

  • Hjälptext - Hjälptexten hänvisar till ytterligare information eller vägledning som användaren får för att hjälpa sig fylla i ett formulärfält på rätt sätt. Det visas när användaren klickar på hjälpikonen (i) som finns bredvid komponenten. Hjälptexten ger mer detaljerad information än etiketten eller platshållartexten för ett formulärfält och är utformad för att hjälpa användaren förstå fältets krav eller begränsningar. Den kan också ge förslag eller exempel som gör det enklare och exaktare att fylla i formuläret.

Fliken Tillgänglighet accessibility-tab

Fliken Tillgänglighet

Text för skärmläsare - Text för skärmläsare avser text som är avsedd att läsas av hjälpmedelstekniker, t.ex. skärmläsare, som används av personer med nedsatt syn. Den här texten innehåller en ljudbeskrivning av formulärfältets syfte och kan innehålla information om fältets titel, beskrivning, namn och relevanta meddelanden (anpassad text). Skärmläsartexten ser till att formuläret är tillgängligt för alla användare, även användare med nedsatt syn, och ger dem en fullständig förståelse för formulärfältet och dess krav.

Designdialogruta design-dialog

Designdialogrutan används för att definiera och hantera CSS-format för gruppkomponenten för kryssrutor.

Fliken Format styles-tab

Core-komponenten för gruppen Adaptive Forms Checkbox stöder AEM Formatsystem.

Designdialogruta

  • CSS-standardklasser: Du kan ange en standard-CSS-klass för den adaptiva Forms Checkbox Group Core Component.

  • Tillåtna format: Du kan definiera format genom att ange ett namn och den CSS-klass som representerar formatet. Du kan till exempel skapa ett format med namnet"bold text" och ge CSS-klassen"font-weight: bold". Du kan använda eller tillämpa dessa format på ett adaptivt formulär i en anpassad Forms-redigerare. Om du vill använda ett format väljer du den komponent du vill använda formatet på i Adaptiv Forms-redigerare, navigerar till egenskapsdialogrutan och väljer önskat format i dialogrutan Stilar listruta. Om du behöver uppdatera eller ändra formaten går du tillbaka till designdialogrutan, uppdaterar formaten på formatfliken och sparar ändringarna.

Anpassade egenskaper

Dialogrutan Anpassade egenskaper

Med anpassade egenskaper kan du koppla anpassade attribut (nyckelvärdepar) till en anpassad formulärets kärnkomponent med hjälp av formulärmallen. De anpassade egenskaperna återspeglas i egenskapsavsnittet i den headless-renderingen av komponenten. Det gör att du kan skapa dynamiskt formulärbeteende som anpassas baserat på anpassade attributvärden. Utvecklare kan till exempel utforma olika renderingar av en Headless Forms-komponent för mobiler, datorer eller webbplattformar, vilket avsevärt förbättrar användarupplevelsen på en mängd olika enheter.

  • Gruppnamn: Du kan ange ett namn som identifierar den anpassade egenskapsgruppen. Du kan lägga till, ta bort eller ordna om flera anpassade egenskapsgrupper. När du har lagt till den anpassade egenskapsgruppen kan du se följande alternativ:

    • Nyckelvärdepar: Du kan lägga till flera anpassade egenskapsnamn och anpassade egenskapsvärden genom att klicka på Lägg till för varje anpassad egenskapsgrupp.

    • Ta bort: Tryck eller klicka för att ta bort det anpassade egenskapsnamnet och det anpassade egenskapsvärdet.

    • Ordna om: Tryck eller klicka och dra för att ändra ordningen på det anpassade egenskapsnamnet och det anpassade egenskapsvärdet.

Relaterade artiklar related-articles

)

Se även see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c