Een aangepast profiel maken voor HTML5-formulieren creating-a-custom-profile-for-html-forms

Een profiel is een middelknoop in Apache Sling. Deze staat voor een aangepaste versie van de renderingsservice voor HTML5-formulieren. U kunt de service Renditie van HTML5-formulieren gebruiken om de weergave, het gedrag en de interacties van de HTML-5-formulieren aan te passen. Er bestaat een profielknooppunt in de /content -map in de JCR-opslagplaats. U kunt het knooppunt rechtstreeks in de map /content of in een submap van de map /content plaatsen.

De profielknoop heeft sling:resourceSuperType bezit en de standaardwaarde is xfaforms/profiel. Het renderscript voor het knooppunt staat op /libs/xfaforms/profile.

De Sling-scripts zijn JSP-scripts. Deze JSP-scripts dienen als containers voor het samenstellen van de HTML voor het aangevraagde formulier en de vereiste JS/CSS-artefacten. Deze het Verdelen manuscripten worden ook bedoeld als manuscripten van Renderer van het Profiel. De profielrenderer roept de Forms OSGi-service aan om het gevraagde formulier te genereren.

Het profielscript bevindt zich in html.jsp en html.POST.jsp voor verzoeken om GET en POST. U kunt een of meer bestanden kopiëren en wijzigen om uw aanpassingen te overschrijven en toe te voegen. Breng geen wijzigingen op de plaats aan. Dergelijke wijzigingen worden door de patchupdate overschreven.

Een profiel bevat verschillende modules. De modules zijn formRuntime.jsp, config.jsp, toolbar.jsp, formBody.jsp, nav_footer.jsp, en footer.jsp.

formRuntime.jsp formruntime-jsp-br

De modules formRuntime.jsp bevat verwijzingen van de cliëntbibliotheken. Het toont ook methodes om scèneinformatie uit het verzoek te halen en de gelokaliseerde berichten in het verzoek te omvatten. U kunt eigen aangepaste JavaScript-bibliotheken of -stijlen opnemen in formRuntime.jsp.

config.jsp config-jsp

De module config.jsp bevat diverse configuraties zoals registreren, de volmachtsdiensten, en gedragsversie. U kunt uw eigen configuratie en widgetaanpassing aan de module config.jsp toevoegen. U kunt configuraties zoals de registratie van de douanewidget aan de module config.jsp ook toevoegen.

toolbar.jsp toolbar-jsp

Het bestand toolbar.jsp bevat code waarmee een gekleurde werkbalk wordt gemaakt. Om de toolbar te verwijderen, verwijder toolbar.jsp uit HTML.jsp

formBody.jsp formbody-jsp

De module formBody.jsp is bedoeld voor de HTML-weergave van het XFA-formulier.

Eerst wordt met het HTML5-formulier alleen de eerste pagina van het formulier weergegeven. Wanneer een gebruiker door het formulier schuift, worden de overige formulieren geladen. Hierdoor verloopt het laden sneller. De component nav_footer.jsp bevat alle stijlen en vereiste elementen om het laden van de pagina's tijdens het schuiven te vergemakkelijken.

footer.jsp footer-jsp

De module footer.jsp is leeg. Hiermee kunt u scripts toevoegen die alleen voor gebruikersinteractie worden gebruikt.

Aangepaste profielen maken creating-custom-profiles

Voer de volgende stappen uit om een aangepast profiel te maken:

Profielknooppunt maken create-profile-node

  1. Navigeer naar de CRX DE-interface op de URL: https://'[server]:[port]'/crx/de en meld u aan bij de interface met beheerdersreferenties.

  2. Navigeer in het linkerdeelvenster naar de locatie /content/xfaforms/profiles .

  3. Kopieer het knoopgebrek, en deeg de knoop in verschillende omslag (/content/profiles) met naam vorm.

  4. Selecteer de nieuwe knoop, vorm, en voeg een koordbezit toe: slepend:resourceType met waarde: vorm/demo.

  5. Klik op Alles opslaan in het werkbalkmenu om de wijzigingen op te slaan.

Het rendererscript voor profielen maken create-the-profile-renderer-script

Nadat u een aangepast profiel hebt gemaakt, voegt u renderinformatie toe aan dit profiel. Als CRX een aanvraag voor het nieuwe profiel ontvangt, wordt gecontroleerd of de map /apps voor de JSP-pagina bestaat. Maak de JSP-pagina in de map /apps.

  1. Navigeer in het linkerdeelvenster naar de map /apps .

  2. Klik met de rechtermuisknop op de /apps map en kies een map met de naam Transform .

  3. Binnen de transformatie omslag creeert een genoemde omslag demo.

  4. Klik sparen allen knoop.

  5. Navigeer aan /libs/xfaforms/profile/html.jsp en kopieer de knoop html.jsp.

  6. Plak html.jsp knoop in de /apps/hrform/demo hierboven gecreeerd omslag met zelfde naam html.jsp en klik sparen.

  7. Als u andere componenten van profielmanuscript hebt, volg stap 1-6 om de componenten in /apps/hrform/demo omslag te kopiëren.

  8. Open URL https://'[server]:[port]'/content/xfaforms/profiles/hrform.html om te controleren of het profiel is gemaakt.

Om uw vormen te verifiëren, voer uw formulierenvan uw lokaal dossiersysteem in AEM Forms in en voorproef de vormop AEM instantie van de serverauteur.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2