Creación de formularios HTML5

HTML5 forms es una nueva funcionalidad en Adobe Experience Manager que ofrece la representación de plantillas de formulario XFA (xdp) en formato HTML5. Esta capacidad permite procesar formularios tanto en dispositivos móviles como en el explorador de un ordenador de sobremesa no compatible con PDF basados en XFA. Los formularios HTML5 no solo admiten las capacidades existentes de las plantillas de formulario XFA, sino que también agregan nuevas funciones, como la firma de anotaciones, para dispositivos móviles.

Requisitos previos

Asegúrese de que tiene una instancia de AEM Forms en funcionamiento. Siga la guía de instalación para instalar y configurar AEM Forms

Crear el primer formulario HTML5

  1. Descargue y extraiga el contenido del archivo zip. El archivo zip contiene xdp y el archivo de datos
  2. Navegar a Forms y documentos
  3. Haga clic en Crear -> Carga de archivo
  4. Seleccione la plantilla xdp descargada en el paso 2

Vista previa como HTML

La vista previa del xdp se puede realizar en formato HTML5 o PDF. Para obtener una vista previa del xdp en formato HTML5, siga los siguientes pasos

  • Pulse en el xdp recién cargado y haga clic en Vista previa -> Vista previa como HTML. Debería ver el xdp representado como HTML5
NOTA

Cuando selecciona la opción Vista previa como PDF, el PDF procesado no se muestra en el explorador porque AEM Forms procesa archivos pdf dinámicos que requieren el complemento de Acrobat. Tendrá que descargar el PDF y abrirlo con Adobe Acrobat/Reader para verlo

Vista previa con datos

Para previsualizar el xdp en formato HTML5 con archivo de datos, siga los siguientes pasos:

  • Pulse en el xdp recién cargado y haga clic en Vista previa -> Vista previa con datos. Busque y seleccione el archivo de datos y haga clic en Preview.
  • Debería ver la plantilla procesada en formato HTML5 previamente rellenada con los datos

Explorar las propiedades avanzadas de la plantilla xdp

Las propiedades avanzadas de la plantilla xdp permiten especificar la fecha de publicación, el controlador de envío, el perfil de procesamiento del formulario, el servicio de cumplimentación previa, etc. Para ver las propiedades avanzadas de la plantilla, pulse en el xdp y haga clic en properties -> Advanced. Aquí encontrará varias propiedades. Algunas de estas propiedades están cubiertas aquí.

Dirección URL de envío : es la dirección URL que gestiona el envío de formulario HTML5. En la siguiente lección trataremos esto. Si no se especifica una dirección URL de envío, se invoca el controlador de envío predeterminado, que devuelve los datos del formulario al explorador.

Perfil de procesamiento HTML : los formularios HTML5 tienen la noción de Perfiles que se exponen como extremos REST para permitir el procesamiento móvil de plantillas de formulario. La mayoría de las veces el perfil de procesamiento predeterminado debe ser suficiente para procesar el formulario. Si el perfil de renderización predeterminado no satisface sus necesidades, se puede crear un perfil personalizado y asociarlo al formulario.

Servicio de relleno previo : el servicio de cumplimentación previa suele utilizarse para rellenar el formulario con datos recuperados de un origen de datos de servidor.

En esta página