Show Menu
TEMAS×

Generar vista previa 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 obtener una vista previa de una representación en HTML5 del mismo. Puede utilizar la ficha Vista previa de HTML para obtener una vista previa de un formulario tal como aparecería en un explorador.

Activar vista previa HTML para formularios XDP en Designer

Para habilitar Designer para generar la vista previa 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. Vaya a https:// #: #/system/console/configMgr en AEM Forms que se ejecutan en OSGi o
    https:// #: #/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 desactivarlo para que un entorno de desarrollo pueda previsualizar 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:// #: #/system/console/configMgr
    • La URL de AEM Forms en JEE es https:// #: #/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 vista previa de 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á activo y en ejecución. The HTML preview connects to the CRX server to generate a preview.
    Opciones de AEM Forms Designer
  3. Para obtener una vista previa de un formulario en HTML, haga clic en la ficha Vista previa de HTML .
    Si la ficha Vista previa de HTML está cerrada, presione F4 para abrir la ficha Vista previa de HTML. También puede seleccionar Vista previa de HTML en el menú Ver para abrir la ficha Vista previa de HTML.
    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. Select File > Form Properties .
  2. Haga clic en la ficha Vista previa ​y, en el cuadro Archivo de datos, escriba la ruta completa del archivo de datos de prueba. 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.

Vista previa de formularios ubicados en un repositorio

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