Generar previsualización de 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 de PDF de un formulario, también se puede obtener una vista previa de la representación de un formulario en HTML5. Puede usar la variable HTML de vista previa para obtener una vista previa del formulario tal como aparecería en un explorador.

Habilitar la vista previa del 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

Configuración del 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 Servicio de autenticación Apache Sling para abrirlo en modo de edición.

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

    • 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 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 Guardar para guardar la configuración.

Desactivar modo protegido

La variable modo protegido está activada 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 de AEM Forms en OSGi es https://[server]:[port]/system/console/configMgr
    • La URL de AEM Forms en JEE es https://[server]:[port]/lc/system/console/configMgr

  2. Apertura Configuraciones de Forms móvil para editar.

  3. Anule la selección de 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 Opciones del servidor , proporcione los siguientes detalles y haga clic en OK.

    • 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 del 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 del HTML se conecta al servidor CRX a generar una vista previa.

    Opciones de AEM Forms Designer

    Opciones de AEM Forms Designer

  3. Para obtener una vista previa de un formulario en el HTML, haga clic en el botón HTML de vista previa pestaña .

    NOTA

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

    NOTA

    La vista previa del HTML no admite documentos del PDF, la vista previa del 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. Select Archivo > Propiedades del formulario.

  2. Haga clic en el Vista previa 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 variable HTML de vista previa , 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