Introducción a la creación de formularios adaptables

Uso del modelo de datos de formulario
La integración de datos permite integrar entidades y servicios de diferentes fuentes de datos en un modelo de datos de formulario que puede utilizar para crear formularios adaptables. Elija un modelo de datos de formulario si el formulario adaptable que está creando implica recuperar y escribir datos desde y hacia varias fuentes de datos.

Usar una plantilla de formulario XDP
Es un modelo de formulario ideal si tiene inversiones en formularios XFA o XDP. Proporciona una forma directa de convertir los formularios basados en XFA en formularios adaptables. Cualquier regla XFA existente se conservará en el formulario adaptable asociado. El formulario adaptable resultante admitirá construcciones XFA, como validaciones, eventos, propiedades y patrones.

Usar una definición de esquema XML (XSD) o un esquema JSON
Los esquemas XML y JSON representan la estructura en la que el sistema back-end de su organización produce o consume los datos. Puede asociar el esquema a un formulario adaptable y utilizar sus elementos para agregarle contenido dinámico. Los elementos del esquema estarán disponibles para su uso en la pestaña Objetos del modelo de datos del Explorador de contenido al crear formularios adaptables.

Uso de ninguno o sin un modelo de formulario

Barra lateral

Barra de herramientas de página

Barra de herramientas de los componentes

Página de formulario adaptable

Consultar el contenido del formulario, como paneles, componentes, campos y diseño.

Editar las propiedades del componente.

Buscar, ver y utilizar recursos en su repositorio de administración de recursos digitales de AEM (DAM).

Agregar componentes al formulario.

Haga clic para ampliar

Navegador de contenido

En el navegador de contenido, puede ver

• Objetos de formulario

  Muestra la jerarquía de objetos del formulario. El autor puede desplazarse a un componente específico del formulario al pulsar ese elemento en el árbol de objetos del formulario. El autor puede buscar objetos y reorganizarlos desde este árbol.

• Objetos del modelo de datos

  Permite ver la jerarquía del modelo de formulario.

  Permite arrastrar y soltar elementos del modelo del formulario en el formulario adaptable. Los elementos agregados se convierten automáticamente en componentes de formulario y conservan sus propiedades originales. Puede ver objetos del modelo de datos cuando el formulario utilice un esquema XML, un esquema JSON o una plantilla XDP.

Explorador de propiedades

Permite editar las propiedades de un componente. Las propiedades cambian según el componente. Para ver las propiedades del contenedor de formulario adaptable, haga lo siguiente:

Seleccione un componente y, a continuación, pulse > Contenedor de formulario adaptable y, a continuación, pulse .

Explorador de recursos

Segmenta contenido de distintos tipos, como imágenes, documentos, páginas, películas, etc.

Explorador de componentes

Incluye componentes que puede utilizar para crear un formulario adaptable. Puede arrastrar componentes desde y hasta el formulario adaptable para agregar elementos de formulario y configurar los elementos agregados según los requisitos. En la siguiente tabla se describen los componentes enumerados en el explorador de componentes.

Cada componente tiene propiedades asociadas que controlan su aspecto y su funcionalidad. Para configurar las propiedades de un componente, pulse el componente y luego pulse para abrir las propiedades del componente en el Explorador de propiedades.

Cada componente se identifica con su nombre de elemento. Al pulsar , puede cambiar el nombre del componente cambiando el valor del campo Nombre del elemento en el Explorador de propiedades. El campo Nombre de elemento solo acepta letras, números, guiones (-) y guiones bajos (_). No se permite ningún otro tipo de caracteres especiales, y el nombre del elemento debe comenzar con una letra.

Puede modificar la propiedad Título de los componentes en línea de un formulario adaptable en el Editor de formularios sin abrir el Explorador de propiedades siempre que el título esté visible en el formulario. Para ello:

1. Pulse para seleccionar un componente que tenga la propiedad Título y cuya propiedad Ocultar título esté deshabilitada.
2. Pulse para poder editar el título.
3. Modifique el título y pulse la tecla Retroceso o pulse en cualquier sitio fuera del componente para guardar los cambios. Pulse la tecla Esc para descartar los cambios.

Algunos componentes de los formularios adaptables, como Correo electrónico y Teléfono, incluyen patrones de validación listos para usar. Sin embargo, puede especificar una validación personalizada actualizando el campo Patrón de validación en el acordeón Patrones de las propiedades del componente. Consulte las descripciones de componentes de la tabla anterior para obtener más información sobre las validaciones predeterminadas.

Los campos de formulario adaptable, como Cuadro numérico y Correo electrónico, se pueden configurar para incluir tipos de entrada HTML5 especializados. Cuando estos campos están enfocados en dispositivos móviles y tabletas, el teclado muestra inicialmente el alfabeto, los números y los caracteres específicos que se utilizan normalmente para introducir información en los campos. Esto permite a los usuarios introducir la información rápidamente sin tener que alternar entre conjuntos de caracteres en el teclado. Para permitir entradas especializadas en un componente, active la casilla de verificación Usar número de tipo HTML en las propiedades de ese componente.

Puede habilitar un componente Cuadro de texto para que acepte texto enriquecido. Para habilitar el texto enriquecido en un cuadro de texto, active la casilla de verificación Permitir texto enriquecido en las propiedades del componente.

Puede activar los componentes Cuadro de texto, Correo electrónico y Teléfono para rellenar automáticamente los valores de campos como Nombre, Dirección, Tarjeta de crédito, Teléfono y Correo electrónico a partir de la información almacenada en la configuración de relleno automático del explorador. Para habilitar esta función, seleccione Habilitar relleno automático en las propiedades del componente y seleccione un atributo de relleno automático. Cuando un usuario cumplimenta un formulario adaptable, los valores se sugieren desde el perfil de relleno automático del explorador o se basan en los valores rellenados anteriormente por el usuario. Tenga en cuenta que el relleno automático funciona si la configuración de relleno automático está activada en el explorador del usuario.

Especifique valores para los elementos de Botón de opción y Casilla de verificación en el formato {value}={text} desde las propiedades de los componentes.

De forma predeterminada, el componente Archivo adjunto permite al usuario adjuntar un único archivo. Sin embargo, puede configurar las propiedades del componente para que admita varios archivos adjuntos. Además, si un usuario adjunta varios archivos con el mismo nombre de archivo, los archivos adjuntos pueden causar algunos problemas. Por lo tanto, se recomienda asociar un identificador único a cada archivo adjunto enviado cuando se envía el formulario. Para ello:

1. En el servidor de AEM Forms, vaya a Adobe Experience Manager > Herramientas > Operaciones > Consola web.
2. Busque y pulse Servicio de configuración de formularios adaptables.
3. En el cuadro de diálogo Servicio de configuración de formularios adaptables, active la opción Asignar nombres de archivo únicos. De forma predeterminada, está desactivada.

Para permitir que los usuarios adjunten un PDF mediante el explorador Safari, asegúrese de que agrega aplicación/pdf a la propiedad Tipos de archivo compatibles del componente Archivo adjunto. Los formularios adaptables creados con versiones anteriores de AEM Forms pueden contener .pdf en lugar de aplicación/pdf en la propiedad Tipos de archivo compatibles.

Alternar panel lateral : permite mostrar u ocultar la barra lateral.

Información de la página : Permite ver las propiedades de página, publicar o cancelar la publicación de un formulario, iniciar un flujo de trabajo de un formulario y abrir el formulario en la IU clásica.

Emulador : Permite emular el aspecto del formulario para diferentes tamaños de visualización, como tabletas y teléfonos.

Editar: Permite seleccionar otros modos, como: Editar, Estilo, Desarrollador, y Diseño.

• Editar: Permite editar las propiedades del formulario y sus componentes. Por ejemplo, agregar un componente, soltar una imagen y especificar campos obligatorios.

• Estilo: Permite aplicar estilo al aspecto de los componentes del formulario. Por ejemplo, en el modo Estilo, puede seleccionar un panel y especificar su color de fondo.

• Desarrollador: Permite a un desarrollador lo siguiente:

  • Descubrir de qué se componen los formularios.
  • Depurar lo que sucede, dónde y cuándo, lo que a su vez ayuda a resolver problemas.

• Diseño: Permite habilitar o deshabilitar componentes personalizados o componentes integrados que no aparecen en la barra lateral.

Vista previa: Permite obtener una vista previa del aspecto del formulario cuando se publica.

guideContainer: La raíz de un formulario adaptable, que se marca como el Inicio del formulario adaptable en la interfaz de usuario del formulario. En este componente, puede especificar lo siguiente:

• Diseño móvil del formulario adaptable: Define el aspecto del formulario en dispositivos móviles.
• Página de agradecimiento: Define la página a la que se redirige al usuario después de enviar el formulario.
• Enviar acción: Define cómo se procesa el formulario en el servidor una vez que el usuario lo envía.
• Estilo: Especifica la ruta al archivo CSS utilizado para personalizar el aspecto del formulario.

rootPanel: Panel raíz de un formulario adaptable. Puede contener subpaneles bajo el nodo de elementos. Cada panel, incluido el panel raíz, puede tener un diseño asociado. El diseño del panel dicta cómo se coloca el formulario. Por ejemplo, en el diseño Acordeón*, *sus elementos se muestran como pasos de Acordeón.

barra de herramientas: Un contenedor de formulario adaptable tiene una barra de herramientas global asociada, que es global para el formulario. Esta barra de herramientas se puede agregar mediante la acción Agregar barra de herramientas en la barra de edición, que permite a los autores agregar acciones, como Enviar, Guardar, Restablecer, etc.

activos: Este nodo contiene información adicional utilizada para la creación de formularios. Por ejemplo, detalles del modelo del formulario, detalles de localización, etc).