Een adaptieve formuliersjabloon maken op basis van kerncomponenten adaptive-form-templates

Wanneer u een formulier ontwerpt, voegt u velden en componenten toe om de formulierstructuur, inhoud en handelingen in de editor te definiëren. U voegt velden en componenten toe in het dialoogvenster guideRootPanel van de formuliercontainer. Met de Sjablooneditor kunt u een sjabloon maken met een basisstructuur en eerste inhoud die auteurs kunnen gebruiken om formulieren te maken.

U wilt bijvoorbeeld dat alle formulierauteurs bepaalde tekstvakken, navigatieknoppen en een verzendknop in een inschrijvingsformulier hebben. U kunt een sjabloon maken met de componenten die auteurs kunnen gebruiken om een formulier te maken dat consistent is met andere inschrijvingsformulieren. Wanneer auteurs de sjabloon gebruiken om een adaptief formulier te maken, overerft het nieuwe formulier de structuur en de componenten die u in de sjabloon hebt opgegeven. Met de Sjablooneditor kunt u:

  • Voeg kop- en voettekstcomponenten van een formulier toe aan de structuurlaag.
  • Geef de initiële inhoud voor het formulier op.
  • Geef een thema op, namelijk Handelingen verzenden.

Voorwaarde

Adaptieve Forms Core-componenten inschakelen voor uw omgeving: Wanneer u een programma maakt, zijn de Adaptive Forms Core Components al ingeschakeld voor uw omgeving. Als u een as a Cloud Service formulieromgeving hebt op basis van Archetype 39 of eerder AEM, Adaptieve Forms Core-componenten inschakelen voor uw omgeving.

NOTE
Bij de implementatie van de as a Cloud Service Forms-omgeving op basis van Archetype 45, Adaptieve Forms (Core Component) sjablonen en kernthema's die op componenten zijn gebaseerd, worden aan uw omgeving toegevoegd.

Werken met een sjabloon working-with-templates

U kunt tot malplaatjeredacteur van het menu van Hulpmiddelen toegang hebben door aan te navigeren Adobe Experience Manager > Tools > General > Templates. Hier worden de sjablonen ingedeeld in mappen die zijn ingeschakeld voor bewerkbare sjablonen.

NOTE
U kunt de op de kerncomponent gebaseerde bewerkbare sjablonen vinden in de kernmappen voor componenten.

Experience Manager biedt een algemene map voor het organiseren van sjablonen. Deze optie is echter niet standaard ingeschakeld. U kunt de beheerder vragen de algemene map in te schakelen of een map voor sjablonen te maken. Ga voor meer informatie over het maken van mappen naar Sjabloonmappen.

Een sjabloon maken create-template

Nadat u een map hebt gemaakt, opent u de map en voert u de volgende stappen uit om een sjabloon te maken:

  1. Selecteren Create in de map die u hebt gemaakt.

  2. In de Pick a Template Type sectie, selecteert u Adaptive Form (Core Component) template en selecteert u Next.

  3. In de Template Details een Sjabloontitel en selecteert u Create.
    U kunt ook een beschrijving opgeven.

  4. Selecteren Done om naar de console terug te keren, of selecteer Open om de sjabloon in de editor te openen.

UI voor sjablooneditor template-editor-ui

Wanneer u een sjabloon opent voor bewerking, kunt u de volgende AEM Editor-componenten zien:

  • Pagina, werkbalk
    Bevat de volgende opties:

    • Zijpaneel in-/uitschakelen: Hiermee kunt u het zijpaneel weergeven of verbergen.
    • Pagina-informatie: Hier kunt u informatie opgeven zoals de publicatie-/publicatietijd, miniaturen, bibliotheken aan de clientzijde, het paginabeleid en de clientbibliotheek van het paginaontwerp.
    • Modus selecteren: Hiermee kunt u de modus wijzigen. U kunt Structure modus, Initial Content, Layout Control -modus. In de structuurmodus kunt u de kop- en voettekst toevoegen en aanpassen. In de modus Initiële inhoud kunt u de inhoud van het formulier aanpassen.
    • Voorvertoning: Hiermee kunt u een voorvertoning weergeven van het uiterlijk van de sjabloon wanneer u de sjabloon publiceert. U kunt Laagkiezer en Voorvertoning gebruiken om de bewerkings- en voorvertoningsmodi in en uit te schakelen.
  • Zijbalk: Verstrekt de Inhoud, Eigenschappen, Activa, en de browsers van Componenten.

  • Component, werkbalk: Wanneer u een component selecteert, ziet u een werkbalk waarin u de component kunt aanpassen.

  • Pagina: Het gebied waar u inhoud toevoegt om de sjabloon te maken.

Een sjabloon bewerken editing-a-template

De volgende modi zijn van toepassing op het selecteren en bewerken van het juiste aspect van de sjabloon:

De laagkiezer is beschikbaar naast de optie Voorvertoning in de rechterbovenhoek van het scherm.

Structuur structure

Wanneer u de structuurlaag selecteert in de Sjablooneditor, kunt u vooraf de inhoud definiëren die niet kan worden gewijzigd tijdens het maken van een adaptieve Forms die is gekoppeld aan de sjabloon.

Lay-outcontainer in de structuurlaag

Componenten in de structuurlaag vergrendelen/ontgrendelen locking-unlocking-components-in-the-structure-layer

Wanneer u de sjabloon bewerkt terwijl de structuurlaag is geselecteerd, kunt u de kop- en voettekst van de sjabloon ontgrendelen. Als een component ontgrendeld is in de sjabloon, kunnen formulierauteurs de component bewerken in het adaptieve formulier waarin de sjabloon wordt gebruikt. Door een component te vergrendelen voorkomt u dat auteurs van formulieren deze bewerken in het adaptieve formulier. De optie Vergrendelen is beschikbaar op de werkbalk van de component.

U voegt bijvoorbeeld de koptekstcomponent in de sjabloon toe. Wanneer u de component selecteert, ziet u een vergrendelingsoptie op de werkbalk van de component. Koptekst bevat doorgaans een bedrijfsnaam en een logo en u wilt niet dat auteurs van formulieren het logo en de koptekst in een sjabloon wijzigen. In een adaptief formulier dat is gemaakt met de sjabloon met de koptekstcomponent vergrendeld, kunnen auteurs van formulieren het logo en de bedrijfsnaam niet wijzigen.

NOTE
Het wordt niet aanbevolen de afbeelding of het logo in de koptekstcomponent afzonderlijk te vergrendelen of te ontgrendelen. U kunt de koptekstcomponent ontgrendelen.

Oorspronkelijke inhoud initial-content

Als de optie Begininhoud is geselecteerd, wordt de container van het adaptieve formulier van de sjabloon geopend als een adaptief formulier voor bewerking. Hiermee kunt u een vooraf gedefinieerde inhoud maken die kan worden gewijzigd wanneer u een adaptieve Forms maakt die aan de sjabloon is gekoppeld. Net als bij het ontwerpen van een adaptief formulier kunt u initiële instellingen opgeven, zoals een thema selecteren en Handelingen verzenden.

Formulierauteurs gebruiken het als basis om een formulier te maken. De structuur van de inhoudsstroom wordt opgegeven in de laag Begininhoud van de sjabloon. Als u wilt overschakelen naar het bewerken van de eerste inhoud van de formuliersjabloon, selecteert u voordat u een voorbeeld weergeeft op de pagina-werkbalk canvas-drop-down > Initial Content.

Koptekst en voettekst die zijn toegevoegd in de laag Oorspronkelijke inhoud

In de Eerste laag van de Inhoud, creeert u het Adaptieve malplaatje van de Vorm dat uw auteurs als basis gebruiken. Het ontwerpen van een sjabloon lijkt op het ontwerpen van een formulier. U gebruikt de opties in de zijbalk. Sidebar verstrekt inhoud, eigenschappen, activa, en componentenbrowsers.

NOTE
Wanneer u Inhoud opslaan of PDF opslaan selecteert als Verzendhandeling, kunt u het opslagpad opgeven. Als u een pad opgeeft in een sjabloon, hebben alle formulieren die ermee worden gemaakt hetzelfde pad. U kunt het juiste opslagpad opgeven of formulierauteurs de opslaglocatie laten bijwerken om te voorkomen dat gegevens in elk formulier op dezelfde locatie worden opgeslagen.

Layout layout

Wanneer u een sjabloon bewerkt, kunt u de lay-out definiëren, gebruikt dit de standaard responsieve lay-out. De indeling helpt bij het beheer van de breedte van een component op basis van apparaatbreedte om een responsief adaptief formulierontwerp mogelijk te maken.

Lay-outcontainer in de structuurlaag

Raadpleeg het artikel responsieve lay-out voor aanvullende informatie.

De sjabloon inschakelen enabling-the-template

Wanneer u een sjabloon maakt, wordt deze toegevoegd als concept. Schakel de sjabloon in om deze te gebruiken voor het maken van Adaptive Forms. Een sjabloon inschakelen:

  1. Navigeren naar Adobe Experience Manager > Tools > Templates ​en opent u de map waarin u de sjabloon hebt gemaakt.
    De sjabloon die u hebt gemaakt, is gemarkeerd als Concept.
  2. Selecteer de sjabloon en selecteer Enable in de werkbalk.
    Wanneer u een adaptief formulier maakt, wordt de sjabloon weergegeven wanneer u wordt gevraagd een sjabloon te kiezen.

Een sjabloon importeren of exporteren importing-or-exporting-a-template

Een formulier werkt met de sjabloon. Wanneer u een adaptief formulier downloadt dat is gemaakt met een aangepaste sjabloon, wordt de sjabloon niet gedownload. Wanneer u het formulier importeert op een ander formulier AEM Forms wordt geïmporteerd zonder de sjabloon. Als een formulier wordt geïmporteerd maar de sjabloon ervan niet beschikbaar is, wordt het formulier niet gegenereerd. U kunt de aangepaste sjabloon verpakken vanuit /conf node in https://<server>:<port>/crx/packmgren deze in de AEM Forms -instantie waarin u het formulier wilt uploaden. U kunt Een sjabloon maken met AEM Archetype en deze implementeren in uw Cloud Service-instantie.

NOTE

Een formuliergegevensmodelschema koppelen aan een sjabloon associating-form-data-model-schema-in-template

Auteurs kunnen een Form Data Model Schema naar een sjabloon voor een adaptief formulier in de sjablooneditor. Auteurs kunnen een schema in de sjablooneditor selecteren. Wanneer u een schema aan een sjabloon koppelt en een auteur van een formulier een formulier maakt op basis van de sjabloon, wordt het schema vooraf geselecteerd voor het formulier. Hiermee kunnen auteurs van formulieren het gebruik van schema's reguleren en besparen ze ook tijd voor auteurs van formulieren. Een formuliergegevensmodelschema selecteren in een sjablooneditor:

  1. Selecteren Content Browser aan de linkerkant.
  2. Ga naar de formuliercontainer Setting.
  3. Selecteren Data Model.
  4. Kies het formuliergegevensmodel (FDM) via Select Form Data Model en sla de configuratie op.

Form-Data-Model-Association-in-Forms

Aangepaste eigenschappen toevoegen aan Aangepaste formuliercomponenten met behulp van sjabloonbeleid

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 het dialoogvenster properties sectie van de koploze vertoning 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.

Aangepaste eigenschappen worden toegevoegd aan de kerndeelvelden van het Adaptief formulier:

Een aangepaste groepsnaam toevoegen aan het beleid van een sjablooneditor add-a-custom-group-name

  1. Ga naar Adobe Experience Manager > Tools > General > Templates.
  2. Selecteer de sjabloon op basis van kerncomponenten en open deze in de bewerkingsmodus.
  3. Klik op de knop Policy Beleid pictogram van een veld Adaptive Form Core Component waarvoor de aangepaste eigenschappen moeten worden gedefinieerd. De Adaptive Form Field wordt weergegeven.
  4. Selecteer de Custom Properties tab.
  5. Geef de Policy Title onder de Policy sectie.
  6. Geef de Group name en voeg sleutel-waarde paar toe verbonden aan een specifieke groep. De groepsnaam is zichtbaar voor formulierauteurs in het dialoogvenster Bewerken van een component. Als u de groepsnaam selecteert, is elk bijbehorend sleutel-waardepaar van toepassing op een component.
  7. Klikken [Gereed].

Groepsnaam van aangepaste eigenschappen toevoegen in sjablooneditor

Wanneer u minstens één groep van het douanebezit gebruikend het malplaatjebeleid toevoegt, Advanced wordt weergegeven in het dialoogvenster Bewerken van een corresponderende kerncomponent.

Een aangepaste groepsnaam selecteren in het dialoogvenster voor bewerken van een kerncomponent select-a-custom-group-name

  1. Open een adaptief formulier in de bewerkingsmodus.
  2. Selecteer de component waarvoor de aangepaste eigenschappen in de sjablooneditor zijn gedefinieerd en selecteer settings_icon om het dialoogvenster voor bewerken van de component te openen.
  3. Selecteer de Advanced tab.
  4. Selecteer de naam van de aangepaste groep eigenschappen uit Custom Property Select vervolgkeuzelijst. Alle gedefinieerde aangepaste groepnamen worden automatisch ingevuld in de vervolgkeuzelijst.
  5. Selecteren Done om de eigenschappen op te slaan.

aangepaste naam groep eigenschappen selecteren

NOTE
  • De Additional Custom Properties checkbox staat u toe om component-specifieke douaneeigenschappen naast die dynamisch toe te voegen die in het malplaatjebeleid worden verstrekt. Het douanebezit van de specifieke component neemt belangrijkheid over het douanebezit dat bij het malplaatjebeleid wordt geplaatst wanneer de waarden van de zeer belangrijke naam aanpassen.

Een adaptief formulier maken met de sjabloon creating-an-adaptive-form-using-the-template

Nadat u een sjabloon hebt gemaakt en ingeschakeld, is deze beschikbaar in Formulierbeheer wanneer u een adaptief formulier maakt. Als u een sjabloon wilt gebruiken en een adaptief formulier wilt maken, raadpleegt u Een adaptief formulier maken op basis van kerncomponenten.

Aanbevolen procedures best-practices

  • Maak sjablonen met gebruik van de componenten die zijn gebaseerd op kerncomponenten, zoals Adaptieve formuliertekst, Adaptieve formuliercontainer en meer. Voor meer informatie over Adaptive Forms Core Components, klik hier.
  • Beperk het aantal sjablonen zodat deze overeenkomen met de fundamenteel verschillende formuliertypen die op de websites beschikbaar zijn
  • Verstrek de noodzakelijke flexibiliteit en configuratiemogelijkheden aan uw douanecomponenten die in een malplaatje worden gebruikt.

Zie ook see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab