Bild

En bildkomponent i ett adaptivt formulär är ett sätt att inkludera bilder i ett formulär. Dessa bilder kan användas för att förbättra formulärdesignen, ge ytterligare information eller fungera som visuell hjälp för att hjälpa användarna förstå formulärets syfte. Bildkomponenten kan användas för att lägga till en logotyp, ett foto eller en bild i formuläret.

För tillgänglighet är det viktigt att ange Alternativ text till bilden för att ge ett kort, beskrivande textalternativ för bilden som beskriver bilden för användare som inte kan se den.

Exempel

Användning

Det finns många skäl till att det är bra att ta med en bildkomponent i en adaptiv form, bland annat:

  • Varumärke: En bild kan användas för att visa logotypen eller namnet på den organisation som skapade formuläret, vilket bidrar till att etablera varumärkesigenkänning och trovärdighet.

  • Visuella hjälpmedel: En bild kan bidra till att ge användarna en extra nivå av information genom att den används som visuell hjälp för att förstå formulärets syfte.

  • Dekoration: En bild kan användas för att förbättra formulärets övergripande design och göra den mer visuellt tilltalande.

  • Användarupplevelse: En bild kan användas för att göra formuläret mer användarvänligt genom att ge användarna ett tydligt och intuitivt sätt att komma åt och fylla i formulärfält.

Version och kompatibilitet

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.

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

Teknisk information

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

Konfigurera dialogruta

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

Fliken Egenskaper

  • Namn - Du kan enkelt identifiera en formulärkomponent med dess unika namn både i formuläret och i regelredigeraren, men namnet får inte innehålla blanksteg eller specialtecken.

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

  • Bindningsreferens för dokument - Med det här alternativet kan du koppla ett adaptivt formulärfält till fältet Dokument för post. När användaren anger ett värde i ett länkat fält i ett adaptivt formulär visas det värdet också i det länkade fältet i motsvarande postdokument. En dokumentbindningsreferens kan t.ex. användas för att visa en kunds namn och adress i ett arkivdokument, baserat på kundens ID som anges i formuläret. På så sätt kan du med AEM Forms generera ett dokument för inspelning och det ger en smidig användarupplevelse när du samlar in och hanterar data.

  • Beskrivning - En beskrivning är en kort textförklaring som ger ytterligare information eller förtydliganden om syftet med en viss bild.

  • Släpp en resurs här eller bläddra efter en fil att överföra - Med det här alternativet kan du släppa en resurs som en bild genom att dra och släppa med musen. Du kan också överföra en fil från ett lokalt filsystem med Bläddra -knappen. När du har lagt till en bild visas tre knappar längst ned i bilden:

    • Redigera - Tryck eller klicka Redigera om du vill hantera återgivningarna av resursen i Resursredigeraren.
    • Rensa - Tryck eller klicka Rensa för att avmarkera den markerade bilden.
    • Välj - Tryck eller klicka Välj om du vill välja en annan bild från resursmappen.
  • Alternativ text - Det här alternativet används för att ange texten som ger ett kort och beskrivande textalternativ för bilden, som beskriver bilden för synskadade.

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

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

Designdialogruta

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

Fliken Format

Fliken används för att definiera och hantera CSS-format för en komponent. Den adaptiva Forms Image Core-komponenten har stöd för AEM Formatsystem.

Designdialogruta

CSS-standardklasser: Du kan ange en standard-CSS-klass för den adaptiva Forms Image Core-komponenten.

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: fet". Du kan använda eller tillämpa dessa format på ett adaptivt formulär i den adaptiva Forms-redigeraren. 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 nedrullningsbar lista. Om du behöver uppdatera eller ändra formaten går du tillbaka till designdialogrutan, uppdaterar formaten på formatfliken och sparar ändringarna.

På denna sida