Show Menu
TEMAS×

Introduction to authoring adaptive forms

Información general

Los formularios adaptables le permiten crear formularios atractivos, interactivos, dinámicos y adaptables. AEM Forms proporciona una interfaz de usuario intuitiva y componentes integrados para crear y trabajar con formularios adaptables. Puede crear un formulario adaptable basado en un modelo o esquema de formulario o sin modelo de formulario. Es importante elegir cuidadosamente el modelo de formulario que no sólo se adapte a sus necesidades sino que amplíe sus inversiones y recursos de infraestructura existentes. Puede elegir entre las siguientes opciones para crear un formulario adaptable:
  • Uso de un modelo de datos de formulario La integración de datos permite integrar entidades y servicios de orígenes de datos dispares en un modelo de datos de formulario que puede utilizar para crear formularios adaptables. Elija el modelo de datos de formulario si el formulario adaptable que está creando implica recuperar y escribir datos desde y hacia varios orígenes de datos.
  • Uso de 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. Las reglas XFA existentes se conservan en los formularios adaptables asociados. Los formularios adaptables resultantes admiten construcciones XFA, como validaciones, eventos, propiedades y patrones.
  • El uso de esquemas XML (XSD) o JSON Schema XML y JSON representa la estructura en la que el sistema back-end de la organización produce o consume datos. Puede asociar el esquema a un formulario adaptable y utilizar sus elementos para agregar contenido dinámico al formulario adaptable. Los elementos del esquema estarán disponibles para su uso en la ficha Objetos del modelo de datos del navegador de contenido al crear formularios adaptables.
  • Uso de ninguno o sin un modelo de formulario
Los formularios adaptables creados con esta opción no utilizan ningún modelo de formulario. El XML de datos generado a partir de estos formularios tiene una estructura plana con campos y valores correspondientes.
Para obtener más información sobre la creación de un formulario adaptable, consulte Creación de un formulario adaptable.

IU de creación de formularios adaptable

La IU táctil para la creación de formularios adaptables es intuitiva y proporciona:
  • Funcionalidad de arrastrar y soltar
  • Componentes de formulario estándar
  • Repositorio integrado para recursos
Al crear un formulario adaptable nuevo o editar uno existente, se utilizan los siguientes elementos de la interfaz de usuario:
A. Barra lateral B. Barra de herramientas de página C. Página de formulario adaptable

Barra de herramientas de página

La barra de herramientas de la página de la parte superior ofrece opciones que permiten obtener una vista previa del formulario, cambiar las propiedades del formulario y editar la presentación del formulario. Puede obtener una vista previa del formulario cuando lo cree y realizar los cambios correspondientes. En la barra de herramientas de la página, verá:
  • Alternar panel lateral lateral: Permite mostrar u ocultar la barra lateral.
  • Información de página : Permite ver propiedades de página, publicar o cancelar la publicación de un formulario, iniciar un flujo de trabajo de formulario y abrir el formulario en la IU clásica.
  • ​Regla del emulador: Permite emular el aspecto del formulario para diferentes tamaños de visualización, como tablets 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 de estilo, puede seleccionar un panel y especificar su color de fondo.
    • Desarrollador : Permite a un desarrollador:
      • Descubra de qué formularios se componen.
      • Depurar lo que está sucediendo donde y cuando, lo que a su vez ayuda a resolver problemas.
    • Diseño : Permite habilitar o deshabilitar componentes personalizados o componentes predeterminados que no aparecen en la barra lateral.
  • Vista previa : Permite obtener una vista previa del aspecto que tendrá el formulario cuando lo publique.

Component toolbar

Al seleccionar un componente, verá una barra de herramientas que le permite trabajar con él. Se obtienen opciones para cortar, pegar, mover y especificar propiedades de los componentes. Sus opciones son:
A. Configure : Al tocar Configurar , las propiedades de los componentes están visibles en la barra lateral. La configuración de estas propiedades permite personalizar la experiencia de captura de datos. Puede cambiar el nombre del elemento del componente, especificar el texto de la etiqueta en el campo Título del componente. El nombre del elemento permite capturar los valores que introducen los usuarios mediante el componente. En las propiedades del componente, se especifica el comportamiento del componente y se gestionan los datos introducidos por el usuario. Configure las propiedades en la barra lateral para capturar los datos de usuario y usarlos para un procesamiento posterior. Las propiedades del contenedor de formulario adaptable permiten especificar la configuración de bibliotecas de cliente, diseños, temas, documento de registro, configuración de guardado, configuración de envío y metadatos.
B. Copy : Puede utilizar la opción de copia para copiar un componente y pegarlo en otros lugares del formulario. Al pegar un componente, el componente pegado obtiene un nuevo nombre de elemento pero conserva las propiedades del componente copiado.
C. Corte : Puede utilizar la opción de corte para mover un componente de un lugar a otro en el formulario adaptable.
D. Eliminar : Permite eliminar el componente del formulario.
E. Insertar : Permite insertar un componente sobre el componente seleccionado.
F. Pegar : Permite pegar el componente que se corta o copia mediante las opciones descritas anteriormente.
G. Editar reglas : Permite abrir el editor de reglas. Para obtener más información, consulte Editor de reglas .
H. Grupo : Permite seleccionar varios componentes si desea cortar, copiar o pegar varios componentes juntos.
I. Principal : Permite seleccionar el elemento principal de un componente. Por ejemplo, un campo de texto se encuentra dentro de una subsección, que reside en una sección. La sección reside en el panel raíz de la guía y el contenedor de formularios adaptables es el principal de un panel raíz de guía. Para un componente, puede ver todas las opciones con la jerarquía ordenada en la parte inferior.
Por ejemplo, si toca Principal para un cuadro de texto, puede ver:
  • Subsección
  • Sección
  • guideRootPanel
  • Contenedor de formulario adaptable
J. Otros : Proporciona más opciones para trabajar con el componente seleccionado.
  • Ver expresión SOM
  • Guardar un panel como fragmento (solo para paneles)
  • Agregar panel secundario (solo para paneles)
  • Agregar barra de herramientas del panel (solo para paneles)
  • Reemplazar (no para paneles)

Adaptive form page

La página de formulario adaptable es el formulario real. Es como cualquier otra página WCM modelada como componente WCM cq:Page . La siguiente imagen muestra la estructura de contenido de un formulario adaptable típico.
La estructura de contenido suele contener los siguientes componentes principales:
  • guideContainer : Raíz de un formulario adaptable, que se marca como Inicio de formulario adaptable en la interfaz de usuario del formulario adaptable. En este componente, puede especificar:
    • 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 envía el formulario.
    • 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 en el nodo items. Cada panel, incluido el panel raíz, puede tener un diseño asociado. La presentación del panel dicta el diseño del 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 de la barra de edición, que permite a los autores agregar acciones como Enviar, Guardar, Restablecer, etc.
  • recursos : Este nodo contiene información adicional utilizada para la creación de formularios. Por ejemplo, detalles del modelo de formulario, detalles de localización, etc.).