Al diseñar un formulario en AEM Forms Designer, además de obtener una vista previa de la representación de un formulario en PDF, también se puede obtener una vista previa de la representación de un formulario en HTML5. Puede usar la pestaña Vista previa de HTML para obtener una vista previa del formulario tal como aparecería en un explorador.
Para permitir que Designer genere una vista previa HTML de los formularios XDP, realice las siguientes configuraciones:
Vaya a https://'[server]:[port]'/system/console/configMgr
si ejecuta AEM Forms en OSGi, o
a https://'[server]:[port]'/lc/system/console/configMgr
si ejecuta AEM Forms en JEE.
Busque y haga clic en Servicio de autenticación de Apache Sling para abrirlo en el modo de edición.
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
AEM Forms en OSGi
No copie y pegue el valor especificado en el campo Requisitos de autenticación, ya que podría corromper los caracteres especiales del valor. En su lugar, escriba el valor especificado en el campo.
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.
Haga clic en Guardar para guardar la configuración.
El modo protegido está activado de forma predeterminada. Manténgalo activado para los entornos de producción. Puede desactivarlo para un entorno de desarrollo para previsualizar formularios HTML5 en Designer. Siga los siguientes pasos para desactivarlo:
Inicie sesión en la consola web de AEM como administrador.
https://'[server]:[port]'/system/console/configMgr
https://'[server]:[port]'/lc/system/console/configMgr
Abra Configuraciones de Mobile Forms para editarlas.
Anule la selección de la opción Modo protegido y haga clic en Guardar.
En Designer, vaya a Herramientas > Opciones.
En la ventana Opciones, seleccione Opciones del servidor, proporcione los siguientes detalles y haga clic en Aceptar.
URL del servidor: la URL del servidor de AEM Forms.
Número de puerto HTTP: el puerto del servidor de AEM. El valor predeterminado es 4502.
Contexto de la vista previa HTML: la 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: la ruta del contexto en el 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é operativo. La vista previa HTML conecta con el servidor CRX para generar una vista previa.
Opciones de AEM Forms Designer
Para obtener una vista previa de un formulario en HTML, haga clic en a pestaña Vista previa HTML.
Para probar la experiencia real del usuario final, visualice una vista previa de los formularios en exploradores externos (Google Chrome, Microsoft Edge, Mozilla Firefox, etc.). Cada explorador utiliza un motor independiente para procesar HTML, por lo que puede haber algunas diferencias entre la vista previa de un formulario en Designer y en el explorador externo.
Designer permite obtener una vista previa y probar el formulario utilizando datos XML de ejemplo. Se recomienda probar el formulario con frecuencia con datos de ejemplo para asegurarse de que el formulario se procesa correctamente.
Si no tiene datos de ejemplo, Designer puede crearlos, o puede crearlos usted mismo. (Consulte Para generar automáticamente datos de ejemplo y obtener una vista previa del formulario y Para crear datos de ejemplo para obtener una vista previa del formulario.)
La prueba del formulario mediante una fuente de datos de ejemplo garantiza que los datos y los campos se asignen y que los subformularios repetibles se repitan como se esperaba. Puede crear un diseño de formulario equilibrado que proporcione el espacio adecuado para que cada objeto muestre los datos combinados.
Seleccione Archivo > Propiedades del formulario.
Haga clic en la pestaña 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.
Haga clic en Aceptar. La próxima vez que obtenga una vista previa del formulario mediante la pestaña Vista previa HTML, aparecerán los valores de datos del archivo XML de ejemplo en los objetos correspondientes.
En AEM Forms, puede obtener una vista previa de los formularios y documentos de un repositorio. La vista previa permite saber exactamente qué aspecto tienen los formularios y cómo se comportan cuando los utilizan los usuarios finales.