Generera HTML5-förhandsgranskning av ett XDP-formulär generate-html-preview-of-an-xdp-form

När du utformar ett formulär i AEM Forms Designer kan du, förutom att förhandsgranska PDF-återgivningen av ett formulär, även förhandsgranska en HTML 5-återgivning av det. Du kan använda fliken Förhandsgranska HTML om du vill förhandsgranska ett formulär så som det skulle visas i en webbläsare.

Aktivera HTML Preview för XDP-formulär i Designer html-preview-of-forms-in-forms-designer

Gör så här om du vill att Designer ska kunna generera en förhandsgranskning av XDP-formulär i HTML:

  • Konfigurera autentiseringstjänsten för Apache Sling
  • Inaktivera skyddat läge
  • Ange information om AEM Forms-server

Konfigurera autentiseringstjänsten för Apache Sling configure-apache-sling-authentication-service

  1. Gå till https://'[server]:[port]'/system/console/configMgr på AEM Forms som körs på OSGi eller
    https://'[server]:[port]'/lc/system/console/configMgr på AEM Forms som körs på JEE.

  2. Leta reda på och klicka på konfigurationen för Apache Sling Authentication Service för att öppna den i redigeringsläge.

  3. Beroende på om du kör AEM Forms på OSGi eller JEE lägger du till följande i fältet Autentiseringskrav:

    • AEM Forms på JEE

      • -/content/xfaforms
      • -/etc/clientlibs
    • AEM Forms on OSGi

      • -/content/xfaforms
      • -/etc/clientlibs/fd/xfaforms
    note note
    NOTE
    Kopiera inte och klistra in det angivna värdet i fältet Autentiseringskrav eftersom det kan skada specialtecknen i värdet. Skriv i stället det angivna värdet i fältet.
  4. Ange ett användarnamn och lösenord i fälten Anonymous User Name och Anonymous User Password. De angivna autentiseringsuppgifterna används för att hantera anonym autentisering och ge åtkomst till anonyma användare.

  5. Klicka på Spara för att spara konfigurationen.

Inaktivera skyddat läge disable-protected-mode

Det skyddade lägetär aktiverat som standard. Låt det vara aktiverat för produktionsmiljöerna. Du kan inaktivera det för en utvecklingsmiljö och förhandsgranska HTML5 Forms i Designer. Utför följande steg för att inaktivera den:

  1. Logga in på AEM webbkonsol som administratör.

    • URL för AEM Forms på OSGi är https://'[server]:[port]'/system/console/configMgr
    • URL för AEM Forms på JEE är https://'[server]:[port]'/lc/system/console/configMgr
  2. Öppna Mobile Forms Configurations för redigering.

  3. Avmarkera alternativet Protected Mode och klicka på Save.

Ange information om AEM Forms-server provide-details-of-aem-forms-server

  1. Gå till Verktyg > Alternativ i Designer.

  2. I fönstret Alternativ väljer du sidan Serveralternativ, anger följande information och klickar på OK.

    • Server-URL: AEM Forms server-URL.

    • HTTP-portnummer: AEM serverport. Standardvärdet är 4502.

    • Kontext för förhandsgranskning i HTML: Sökväg till profilen för återgivning av XFA-formulär. Följande standardprofiler används för att förhandsgranska formuläret i Designer. Du kan också ange sökvägen till en anpassad profil.

      • /content/xfaforms/profiles/default.html (AEM Forms på OSGi)

      • /lc/content/xfaforms/profiles/default.html (AEM Forms på JEE)

    • Forms Manager-kontext: Kontextsökväg som Forms Manager-gränssnittet distribueras till. Standardvärdena är:

      • /aem/forms (AEM Forms på OSGi)
      • /lc/forms (AEM Forms på JEE)
    note note
    NOTE
    Kontrollera att AEM Forms-servern är igång. Förhandsgranskningen i HTML ansluter till CRX-servern för att generera en förhandsvisning.

    Alternativ för AEM Forms Designer

    Alternativ för AEM Forms Designer

  3. Klicka på fliken Förhandsgranska HTML om du vill förhandsgranska ett formulär i HTML.

    note note
    NOTE
    • Om fliken Förhandsgranska HTML är stängd trycker du på F4 för att öppna fliken Förhandsgranska HTML. Du kan också välja Förhandsgranska HTML på Visa-menyn för att öppna fliken Förhandsgranska HTML.
      • Förhandsgranskningen i HTML stöder inte PDF-dokument, HTML är bara för XDP-dokument.
    note caution
    CAUTION
    Om du vill testa den verkliga användarupplevelsen kan du även förhandsgranska formulären i externa webbläsare (Google Chrome, Microsoft Edge, Mozilla Firefox med flera). I varje webbläsare används en separat motor för att återge HTML. Det kan därför finnas vissa skillnader i hur ett formulär förhandsvisas i Designer och i en extern webbläsare.

Förhandsgranska ett formulär med exempeldata to-preview-a-form-using-sample-data

Med Designer kan du förhandsgranska och testa formuläret med XML-exempeldata. Vi rekommenderar att du ofta testar formuläret med exempeldata för att säkerställa att formuläret återges korrekt.

Om du inte har några exempeldata kan Designer skapa dem eller så kan du skapa dem själv. (Se Generera exempeldata automatiskt för förhandsgranskning av formuläret och Skapa exempeldata för förhandsgranskning av formuläret.)

Om du testar formuläret med en exempeldatakälla ser du till att data och fält mappas och att upprepade delformulär upprepas som du förväntade dig. Du kan skapa en balanserad formulärlayout som ger rätt utrymme för varje objekt för att visa sammanfogade data.

  1. Välj Arkiv > Formuläregenskaper.

  2. Klicka på fliken Förhandsgranska och skriv den fullständiga sökvägen till testdatafilen i rutan Datafil. Du kan också använda knappen Bläddra för att navigera till filen.

  3. Klicka på OK. Nästa gång du förhandsgranskar formuläret på fliken Förhandsgranska HTML visas datavärdena från XML-exempelfilen i respektive objekt.

Förhandsgranska formulär i en databas html-preview-of-forms-in-forms-manager

I AEM Forms kan du förhandsgranska formulär och dokument i en databas. Med Förhandsgranska kan du veta exakt hur formulären ser ut och fungerar för slutanvändarna.

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