Show Menu
TEMAS×

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 en PDF de un formulario, también puede realizar una previsualización de una representación en HTML5 del mismo. Puede utilizar la ficha Previsualización HTML para realizar la previsualización de un formulario tal como aparecería en un explorador.

Habilitar Previsualización HTML para formularios XDP en Designer

Para permitir que Designer genere previsualizaciones HTML de formularios XDP, realice las siguientes configuraciones:
  • Configuración del servicio de autenticación Apache Sling
  • Deshabilitar modo protegido
  • Proporcionar detalles del servidor de AEM Forms

Configuración del servicio de autenticación Apache Sling

  1. Ir a https://'[server]:[port]'/system/console/configMgr en formularios AEM que se ejecuten en OSGi o https://'[server]:[port]'/lc/system/console/configMgr en AEM Forms que se ejecutan en JEE.
  2. Busque y haga clic en la configuración del servicio de autenticación Sling de Apache para abrirlo en modo de edición.
  3. Según si ejecuta 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
    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. Click Save to save the configuration.

Deshabilitar modo protegido

El modo Obtención de documentos XDP y PDF en AEM Forms protegido está activado de forma predeterminada. Manténgalo habilitado para los entornos de producción. Puede deshabilitarlo para un entorno de desarrollo con la previsualización de formularios HTML5 en Designer. Realice los siguientes pasos para deshabilitarlo:
  1. Inicie sesión en AEM Web Console como administrador.
    • La URL de AEM Forms en OSGi es https://'[server]:[port]'/system/console/configMgr
    • La dirección URL de AEM Forms en JEE es https://'[server]:[port]'/lc/system/console/configMgr
  2. Abra Configuraciones de formularios móviles para editarlas.
  3. Anule la selección de la opción Modo ​protegido y haga clic en Guardar .

Proporcionar detalles del servidor de AEM Forms

  1. En Designer, vaya a Herramientas > Opciones .
  2. En la ventana Opciones, seleccione la página Opciones ​del servidor, proporcione los siguientes detalles y haga clic en Aceptar .
    • URL del servidor: URL del servidor de AEM Forms.
    • Número de puerto HTTP: Puerto del servidor AEM. El valor predeterminado es 4502.
    • Contexto de Previsualización HTML: Ruta del perfil para procesar formularios XFA. Se utilizan los siguientes perfiles predeterminados para la previsualización 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)
    Asegúrese de que el servidor de AEM Forms esté activo y en ejecución. The HTML preview connects to the CRX server to generate a preview.
    Opciones de AEM Forms Designer
  3. Para previsualización de un formulario en HTML, haga clic en la ficha Previsualización HTML .
    • Si la ficha Previsualización HTML está cerrada, pulse F4 para abrir la ficha HTML de la Previsualización. También puede seleccionar HTML de Previsualización en el menú Vista para abrir la ficha HTML de Previsualización.
    • La previsualización HTML no admite documentos PDF, la previsualización HTML solo es para documentos XDP.
    Para probar la experiencia real del usuario final, previsualización los formularios en navegadores externos (Google Chrome, Microsoft Edge, Mozilla Firefox, etc.). Cada explorador utiliza un motor independiente para procesar HTML, por lo que puede haber algunas diferencias en la forma en que un formulario previsualización en Designer y en el explorador externo.

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. Select File > Form Properties .
  2. Click the Preview tab and, in the Data File box, type the full path to your test data file. También puede utilizar el botón Examinar para desplazarse hasta el archivo.
  3. Haga clic en Aceptar . The next time you preview the form in the Preview HTML tab, the data values from the sample XML file will appear in the respective objects.

Formularios de Previsualización ubicados en un repositorio

En AEM Forms, puede previsualización de formularios y documentos en un repositorio. La Previsualización ayuda a saber exactamente cómo se ven y se comportan los formularios cuando se utilizan para los usuarios finales.