Afbeeldingscomponent image-adaptive-forms-core-component
Een afbeeldingscomponent in een adaptief formulier is een manier om afbeeldingen op te nemen in een formulier. Deze afbeeldingen kunnen worden gebruikt om het algehele ontwerp van het formulier te verbeteren, aanvullende informatie te verstrekken of als visuele hulp om gebruikers te helpen het doel van het formulier te begrijpen. Met de afbeeldingscomponent kunt u een logo, foto of afbeelding aan het formulier toevoegen.
Voor toegankelijkheid, is het belangrijk om Afwisselende tekst aan het beeld te specificeren om een kort, beschrijvend tekstalternatief voor het beeld te verstrekken, dat het beeld aan gebruikers beschrijft die het niet kunnen zien.
Voorbeeld
Gebruik reasons-to-use-image-in-a-form
Er zijn verschillende redenen waarom het nuttig is om een component Image op te nemen in een adaptief formulier, zoals:
-
Branding: Een beeld kan worden gebruikt om het embleem of de naam van de organisatie te tonen die de vorm creeerde, die merkerkenning en geloofwaardigheid helpen vestigen.
-
Visuele Hulpmiddelen: Een beeld kan helpen om een extra niveau van informatie aan gebruikers te verstrekken, door als visuele hulp te dienen om gebruikers te helpen het doel van de vorm begrijpen.
-
Decoratie: Een beeld kan worden gebruikt om het algemene ontwerp van de vorm te verbeteren en het visueel aantrekkelijker te maken.
-
Ervaring van de Gebruiker: Een beeld kan worden gebruikt om de vorm gebruikersvriendelijker te maken door een duidelijke en intuïtieve manier voor gebruikers te verstrekken om tot vormgebieden toegang te hebben en in te vullen.
Versie en compatibiliteit version-and-compatibility
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:
versie 2.0.4en later
versie 1.1.12en later maar minder dan 2.0.0.
Voor informatie over de versies en versies van de Component van de Kern, verwijs naar het 🔗 document van de Versies van de Componenten van de Kern 0}.
Technische details technical-details
Krijg de recentste informatie over de AanpassingsComponent van de Kern van het Beeld van Forms in de technische documentatie op GitHub. Voor meer bij het ontwikkelen van de Componenten van de Kern, controleer de de ontwikkelaarsdocumentatie van de Componenten van de Kern.
Dialoogvenster configureren configure-dialog
Met het dialoogvenster Configureren kunt u uw beeldervaring eenvoudig aanpassen voor bezoekers. U kunt ook eenvoudig afbeeldingsopties definiëren voor een naadloze gebruikerservaring.
-
Naam - u kunt een vormcomponent gemakkelijk met zijn unieke naam zowel in de vorm als in de regelredacteur identificeren, maar de naam moet geen ruimten of speciale karakters bevatten.
-
Titel - met zijn Titel, kunt u een component in een vorm gemakkelijk identificeren en door gebrek, verschijnt de titel bovenop de component. Als u geen titel toevoegt, wordt de naam van de component weergegeven in plaats van de titeltekst.
-
Teken als Niet-gebonden Element van de Vorm: Selecteer de optie om een vormgebied te vormen niet verbonden aan om het even welk schema. Met deze optie kunt u gegevens opslaan zonder de gegevensbron bij te werken. Het laat u ook toe om gegevens op een douanemethode, los van standaardgegevensbestandintegratie te behandelen.
-
Beschrijving - een beschrijving is een korte tekstverklaring die extra informatie of verduidelijking over het doel van een specifiek beeld verstrekt.
-
Daling hier een activa of doorblader voor een dossier om te uploaden - Deze optie staat toe om activa zoals beeld met muisbelemmering en daling te laten vallen. U kunt een dossier van een lokaal dossiersysteem ook uploaden gebruikend doorbladert knoop. Nadat u een afbeelding hebt toegevoegd, staan er drie knoppen onder aan de afbeelding:
- geef uit - Tik of klik geef uit om de vertoningen van de activa in de Redacteur van Assets te beheren.
- Duidelijk - Tik of klik Duidelijk om het momenteel geselecteerde beeld te deselecteren.
- Keuze - Tik of klik Keuze optie om een ander beeld van de omslag van Assets te selecteren.
-
Afwisselende tekst - Deze optie wordt gebruikt om de tekst in te gaan die een kort en beschrijvend tekstalternatief voor het beeld verstrekt, dat het beeld aan visueel gehandicapte gebruikers beschrijft.
-
de Component van de Huid - selecteer de optie om de component van de vorm te verbergen. 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.
Ontwerpdialoogvenster design-dialog
Het dialoogvenster Ontwerpen wordt gebruikt om CSS-stijlen voor de component Image te definiëren en te beheren.
Tabblad Stijlen styles-tab
Het tabblad wordt gebruikt om CSS-stijlen voor een component te definiëren en te beheren. De adaptieve Component van de Kern van het Beeld van Forms steunt het AEM Systeem van de Stijl.
-
StandaardCSS Klassen: U kunt een standaardCSS klasse voor de Aangepaste Component van de Kern van het Beeld van Forms verstrekken.
-
Toegestane Stijlen: U kunt stijlen bepalen door een naam en de CSS klasse te verstrekken die de stijl vertegenwoordigt. U kunt bijvoorbeeld een stijl met de naam "vetgedrukte tekst" maken en de CSS-klasse "font-weight: bold" opgeven. U kunt deze stijlen gebruiken of toepassen op een adaptief formulier in de Adaptieve Forms-editor. Om een stijl, in de Aanpassingsredacteur van Forms toe te passen, selecteer de component u de stijl op wilt toepassen, aan de eigenschappendialoog navigeren, en de gewenste stijl van de drop-down lijst van Stijlen selecteren. 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.
Aangepaste eigenschappen
Met aangepaste eigenschappen kunt u aangepaste kenmerken (sleutelwaardeparen) aan een Adaptief kernonderdeel van een formulier koppelen met behulp van de formuliersjabloon. De aangepaste eigenschappen worden weergegeven in de sectie Eigenschappen van de koploze uitvoering van de component. Hiermee kunt u dynamisch formuliergedrag maken dat wordt aangepast op basis van de waarden van aangepaste kenmerken. Ontwikkelaars kunnen bijvoorbeeld verschillende uitvoeringen van een Forms-component zonder koptekst ontwerpen voor mobiele apparaten, desktops of webplatforms, waardoor de gebruikerservaring op een groot aantal apparaten aanzienlijk wordt verbeterd.
-
Naam van de Groep: U kunt een naam verstrekken om de groep van het douanebezit te identificeren. U kunt meerdere groepen met aangepaste eigenschappen toevoegen, verwijderen of opnieuw rangschikken. Nadat u de aangepaste groep eigenschappen hebt toegevoegd, kunt u de volgende opties zien:
-
zeer belangrijk-Waarde paren: U kunt veelvoudige namen van het douanebezit en douanebezitswaarden toevoegen door te klikken voegt knoop voor elke groep van het douanebezit toe.
-
Schrapping: Tik of klik om de naam van het douanebezit en de waarde van het douanebezit te schrappen.
-
herschikt: Tik of klik en sleep om de orde van de naam van het douanebezit en de waarde van het douanebezit te herschikken.
-
Verwante artikelen related-articles
- Accordeon
- Adaptieve formulierfragmenten
- Adaptief formulier reCAPTCHA
- Knop
- Selectievakjesgroep
- Selectievakje
- Datumkiezer
- Vervolgkeuzelijst
- Formuliercontainer
- Formuliertitel
- Bestandsbijlage
- Voettekst
- Koptekst
- Afbeelding
- Numeriek vak
- Deelvenster
- Telefoon
- Horizontale tab
- Verticaal tabblad
- Keuzerondje
- Knop Opnieuw instellen
- Verzendknop
- Tekstvak
- Tekst
- Het tabblad Voorwaarden en bepalingen
- Wizard
Zie ook see-also
- creeer een AEM Aangepaste Vorm
- voeg een AEM Aangepaste Vorm aan de pagina van AEM Sites toe
- pas thema's op een AEM Aangepaste Vormtoe
- Componenten toevoegen aan een AEM adaptief formulier
- Gebruik reCAPTCHA in een AEM Aangepaste Vorm
- produceer PDF versie (DoR) van een AEM Aanpassings Vorm
- vertaal een AEM AanpassingsVorm
- laat Adobe Analytics voor een Aangepast Vorm toe om vormgebruik te volgen
- verbind Aangepast Vorm met Microsoft SharePoint
- Verbind Aangepast Vorm aan de Macht van Microsoft
- verbind Aangepast Vorm met Microsoft OneDrive
- Verbind Aangepast Vorm met de Opslag van Microsoft Azure Blob
- verbind Aangepast Vorm met Salesforce
- Gebruik Adobe Sign in een AEM Aangepaste Vorm
- voeg een nieuwe scène voor een Aangepaste Vormtoe
- verzendt de Adaptieve gegevens van de Vorm naar een gegevensbestand
- verzendt de Adaptieve gegevens van de Vorm naar een REST eindpunt
- verzendt de Adaptieve gegevens van de Vorm naar AEM Werkschema
- Portaal van Forms van het gebruik om AEM Aangepaste Forms op een AEM websiteop te nemen