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 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 Autentiseringstjänst för Apache Sling 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 Autentiseringskrav fält:

    • 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 Anonymous User Name och Anonymous User Password fält. De angivna autentiseringsuppgifterna används för att hantera anonym autentisering och ge åtkomst till anonyma användare.

  5. Klicka Spara för att spara konfigurationen.

Inaktivera skyddat läge disable-protected-mode

The skyddat läge ä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 Protected Mode och klicka Save.

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

  1. Gå till Designer verktyg > Alternativ.

  2. I fönstret Alternativ väljer du Serveralternativ sida, ange följande information och klicka på OK.

    • Server-URL: AEM Forms server-URL.

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

    • Förhandsvisningskontext för 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 on OSGi)

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

    • Forms Manager Context: Den kontextsökväg där användargränssnittet för Forms Manager distribueras. Standardvärdena är:

      • /aem/forms (AEM Forms on OSGi)
      • /lc/forms (AEM Forms on JEE)
    note note
    NOTE
    Kontrollera att AEM Forms-servern är igång. HTML-förhandsvisningen ansluter till CRX-servern till generera en förhandsgranskning.

    AEM Forms Designer-alternativ

    AEM Forms Designer-alternativ

  3. Om du vill förhandsgranska ett formulär i HTML klickar du på Förhandsgranska HTML -fliken.

    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

I 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 att förhandsgranska formuläret och Skapa exempeldata för att förhandsgranska 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å 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 OK. Nästa gång du förhandsgranskar formuläret i Förhandsgranska HTML -fliken 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