Generar previsualización HTML5 de un formulario XDP

Al diseñar un formulario en AEM Forms Designer, además de obtener una vista previa de la representación PDF de un formulario, también se puede obtener una vista previa de una representación HTML5 del formulario. Puede utilizar la ficha Vista previa HTML para obtener una vista previa de un formulario tal como aparecería en un explorador.

Habilitar la vista previa HTML para formularios XDP en Designer

Para permitir que Designer genere una vista previa HTML de los formularios XDP, realice las siguientes configuraciones:

  • Configuración del servicio de autenticación Apache Sling
  • Desactivar modo protegido
  • Proporcionar detalles del servidor de AEM Forms

Configurar el servicio de autenticación Apache Sling

  1. Vaya a https://[server]:[port]/system/console/configMgr en AEM Forms que se ejecuta en OSGi o

    https://[server]:[port]/lc/system/console/configMgr en AEM Forms que se ejecuta en JEE.

  2. Busque y haga clic en la configuración Apache Sling Authentication Service para abrirlo en modo de edición.

  3. Dependiendo de si está ejecutando AEM Forms en OSGi o JEE, agregue lo siguiente en el campo Requisitos de autenticación:

    • AEM Forms en JEE

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

      • -/content/xfaforms
      • -/etc/clientlibs/fd/xfaforms
    NOTA

    No copie y pegue el valor especificado en el campo Requisitos de autenticación , ya que podría dañar los caracteres especiales del valor. En su lugar, escriba el valor especificado en el campo .

  4. Especifique un nombre de usuario y una contraseña en los campos Nombre de usuario anónimo y Contraseña de usuario anónimo, respectivamente. Las credenciales especificadas se utilizan para gestionar la autenticación anónima y permitir el acceso a usuarios anónimos.

  5. Haga clic en Save para guardar la configuración.

Desactivar modo protegido

El modo protegido está activado de forma predeterminada. Manténgalo habilitado para los entornos de producción. Puede deshabilitarlo para un entorno de desarrollo para previsualizar HTML5 Forms en Designer. Siga estos pasos para deshabilitarlo:

  1. Inicie sesión en AEM consola web como administrador.

    • La URL para AEM Forms en OSGi es https://[server]:[port]/system/console/configMgr
    • La URL para AEM Forms en JEE es https://[server]:[port]/lc/system/console/configMgr
  2. Abra Configuraciones móviles de Forms para editarlas.

  3. Desmarque la opción Modo protegido y haga clic en Guardar.

Proporcione detalles del servidor de AEM Forms

  1. En Designer, vaya a Herramientas > Opciones.

  2. En la ventana Opciones, seleccione la página Opciones de servidor, proporcione los siguientes detalles y haga clic en Aceptar.

    • URL del servidor: URL del servidor de AEM Forms.

    • Número de puerto HTTP: AEM puerto del servidor. El valor predeterminado es 4502.

    • Contexto de vista previa HTML: Ruta del perfil para procesar formularios XFA. Los siguientes perfiles predeterminados se utilizan para obtener una vista previa del formulario en Designer. Sin embargo, también puede especificar la ruta a un perfil personalizado.

      • /content/xfaforms/profiles/default.html (AEM Forms en OSGi)
      • /lc/content/xfaforms/profiles/default.html (AEM Forms en JEE)
    • Contexto de Forms Manager: ruta de contexto en la que se implementa la interfaz de usuario de Forms Manager. Los valores predeterminados son:

      • /aem/forms (AEM Forms en OSGi)
      • /lc/forms (AEM Forms en JEE)

    Nota: Asegúrese de que el servidor de AEM Forms esté en funcionamiento. La vista previa HTML se conecta al servidor CRX para generar una vista previa.

    Opciones de AEM Forms Designer

    Opciones de AEM Forms Designer

  3. Para obtener una vista previa de un formulario en HTML, haga clic en la pestaña Preview HTML.

    NOTA

    Si la pestaña Vista previa HTML está cerrada, pulse F4 para abrir la pestaña Vista previa de HTML. También puede seleccionar Vista previa de HTML en el menú Ver para abrir la pestaña Vista previa de HTML.

    NOTA

    La vista previa HTML no admite documentos PDF, la vista previa HTML solo es para documentos XDP.

Obtener una vista previa de un formulario mediante datos de ejemplo

Designer permite obtener una vista previa del formulario y probarlo con datos XML de ejemplo. Se recomienda probar con frecuencia el formulario con datos de ejemplo para asegurarse de que el formulario se procesa correctamente.

Si no dispone de datos de ejemplo, Designer puede crearlos o puede hacerlo usted mismo. (Consulte Generar automáticamente datos de ejemplo para previsualizar el formulario y Crear datos de ejemplo para previsualizar el formulario.)

Al probar su formulario mediante el uso de datos de ejemplo le garantiza la asignación de datos y campos, además de que los subformularios de repetición se repitan como se espera. Puede crear una presentación equilibrada del formulario que ofrezca el espacio apropiado para que cada objeto muestre los datos combinados.

  1. Seleccione Archivo > Propiedades del formulario.

  2. Haga clic en la pestaña Preview y, en el cuadro Archivo de datos, escriba la ruta completa al archivo de datos de prueba. También puede utilizar el botón Examinar para desplazarse hasta el archivo.

  3. Haga clic en Aceptar. La próxima vez que obtenga una vista previa del formulario en la pestaña Preview HTML, los valores de datos del archivo XML de ejemplo aparecerán en los objetos correspondientes.

Vista previa de formularios ubicados en un repositorio

En AEM Forms, puede obtener una vista previa de los formularios y documentos en un repositorio. La vista previa ayuda a conocer exactamente el aspecto y el comportamiento de los formularios a medida que se utilicen para los usuarios finales.

Contacto con el servicio de asistencia

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now