Guía de introducción del creador de formularios creating-an-adaptive-form

Versión
Vínculo del artículo
AEM 6.5
Haga clic aquí
AEM as a Cloud Service
Este artículo

El generador de formularios de AEM Forms le permite crear formularios atractivos, interactivos, dinámicos y adaptables. Tanto si es el creador de formularios que crea formularios profesionales como si necesita crear formularios adaptables rápidamente, AEM Forms le ofrece un asistente fácil de usar. El asistente dispone de un rápido desplazamiento por pestañas para seleccionar fácilmente plantillas, estilos, campos y opciones de envío preconfiguradas.

Asistente para crear un formulario adaptable {align="center" width="100%"}

Antes de empezar, obtenga información sobre el tipo de componentes de Forms disponibles para usted:

Creación de formularios adaptables con componentes principales (recomendado)

Para crear un formulario adaptable, es necesario lo siguiente:

  • Habilitar los componentes principales de formularios adaptables para su entorno: al crear un nuevo programa, los componentes principales de formularios adaptables ya están habilitados para su entorno. Instale la última versión para habilitar los componentes principales de formularios adaptables para su entorno de AEM Cloud Service. Al habilitar los componentes principales para su entorno, la plantilla y la temática de lienzo Formularios adaptables (componente principal) se añaden a su entorno. Si su versión del SDK de AEM es anterior a la 2023.02.0, compruebe que tiene prerelease habilitado el indicador en su entorno, ya que los componentes principales de formularios adaptables formaban parte de la versión preliminar anterior a la 2023.02.0.

  • Una plantilla de formulario adaptable: Una plantilla ofrece una estructura básica y define el aspecto (diseños y estilos) de un formulario adaptable. Tiene componentes con formato previo que contienen determinadas propiedades y estructura de contenido. También ofrece opciones para definir una temática y una acción de envío. La temática define la apariencia, y la acción de envío define la acción que debe realizarse al enviar un Formulario adaptable. Por ejemplo, enviar los datos recopilados a una fuente de datos. El servicio en la nube proporciona una plantilla OOTB, denominada en blanco:

  • Una temática de formulario adaptable: Una temática contiene detalles de estilo para los componentes y paneles. Los estilos incluyen propiedades como colores de fondo, colores de estado, transparencia, alineación y tamaño. Al aplicar una temática, el estilo especificado se refleja en los componentes correspondientes. La plantilla Canvas se incluye con cada nuevo programa as a Cloud Service de AEM Forms.

  • Permisos: añada sus usuarios al grupo forms-users. Los miembros del grupo forms-users tienen permisos para crear un formulario adaptable. Para obtener una lista detallada de los formularios y grupos de usuarios específicos, consulte Grupos y permisos.

Crear un formulario adaptable create-an-adaptive-form-core-components

  1. Inicie sesión en la instancia de autor de Experience Manager Forms. Puede ser una instancia de nube o una instancia de desarrollo local.

  2. Introduzca sus credenciales en la página de inicio de sesión de Experience Manager. Cuando haya iniciado sesión, en la esquina superior izquierda, seleccione  Adobe Experience Manager > Formularios > Formularios y documentos.

  3. Seleccione  Crear > Formularios adaptables. Se abre el asistente. En la pestaña Fuente, seleccione una plantilla:

    Plantilla de componentes principales {align="center" width="100%"}

    Al seleccionar una plantilla, se selecciona automáticamente un tema y una acción de envío especificados en la plantilla, y se habilita el botón Crear. Puede ir a las pestañas Estilo o Envío para seleccionar un tema o acción de envío diferente. Si la plantilla seleccionada no especifica ninguna temática, el botón Crear permanece desactivado. Puede ir a la pestaña Estilos para seleccionar manualmente una temática.

    note note
    NOTE
    Si no tiene la plantilla de Formularios adaptables (componente principal) en su entorno, Habilite los componentes principales de formularios adaptables para su entorno. Al habilitar los componentes principales para su entorno, la plantilla de Formularios adaptables (componente principal) se agrega al entorno.
  4. En la pestaña Estilo, seleccione una temática:

    • Cuando la plantilla seleccionada especifica una temática, la temática se selecciona automáticamente en el asistente. También puede elegir una temática diferente de la pestaña Estilo.

    • Si la plantilla seleccionada no especifica ninguna temática, puede utilizar la pestaña Estilo para elegir una temática. El botón Crear solo se habilita después de seleccionar una temática.

  5. (Opcional) En la pestaña Datos, seleccione un modelo de datos:

    • Modelo de datos de formulario: un Modelo de datos de formulario (FDM) le permite integrar entidades y servicios de distintas fuentes de datos en un formulario adaptable. Elija el modelo de datos de formulario (FDM) si el formulario adaptable que está creando implica recuperar y escribir datos desde y hacia varias fuentes de datos.

    • Esquema JSON: Esquema JSON Nuestro formulario adaptable basado en componentes principales permite una integración optimizada con el sistema back-end de su organización al proporcionar la capacidad de asociar un esquema JSON, que representa la estructura de los datos que se producen o consumen. Esta asociación permite a los autores añadir contenido de forma dinámica al formulario adaptable mediante los elementos del esquema. Los elementos del esquema son fácilmente accesibles en la pestaña Objetos del modelo de datos del Explorador de contenido durante el proceso de creación y todos los campos se añaden automáticamente a cualquier formulario adaptable recién creado.

    De forma predeterminada, todos los campos del esquema JSON asociado se seleccionan automáticamente y se convierten en los correspondientes componentes de formulario adaptable, lo que optimiza el proceso de creación. El asistente ofrece la comodidad añadida de permitirle elegir selectivamente qué campos se deben incluir en el formulario adaptable mediante el uso de casillas de verificación.

  6. En la pestaña Envío, seleccione una acción de envío:

    • Al seleccionar una plantilla, la acción de envío especificada en la plantilla se selecciona automáticamente. Puede seleccionar una acción de envío diferente en la pestaña Envío. La pestaña Envío muestra todas las acciones de envío disponibles.

    • Cuando la plantilla seleccionada no especifica una acción de envío, puede utilizar la pestaña Envío para seleccionar una acción de envío

  7. (Opcional) En la pestaña Entrega, puede especificar una fecha de publicación o cancelación de publicación de un formulario adaptable.

  8. Seleccione Crear. Aparece un cuadro de diálogo para especificar el título, el nombre y la ubicación para guardar el Formulario adaptable:

    • El Título especifica el nombre para mostrar en el formulario. El título le ayuda a identificar el formulario en la interfaz de usuario de Experience Manager Forms.
    • Nombre: Especifica el nombre del formulario. Se crea un nodo con el nombre especificado en el repositorio. A medida que empieza a escribir un título, el valor del campo de nombre se genera automáticamente. Puede cambiar el valor sugerido. El campo de nombre solo puede incluir caracteres alfanuméricos, guiones y guiones bajos. Todas las entradas no válidas se sustituyen por guiones.
    • Ruta: Especifica la ubicación en la que se va a guardar el formulario adaptable. Puede guardar el Formulario adaptable directamente en /content/dam/formsanddocuments o crear una carpeta como /content/dam/formsanddocuments/adaptiveforms para guardar un Formulario adaptable. Asegúrese de crear la carpeta antes de utilizarla en la ruta. El campo Ruta no crea una carpeta automáticamente.
  9. Seleccione Crear. Se crea un formulario adaptable que se abre en el editor de formularios adaptables. El editor muestra el contenido disponible en la plantilla. En función del tipo de formulario adaptable, los elementos del formulario presentes en el esquema JSON o modelo de datos de formulario (FDM) asociado se muestran en la pestaña Objetos del modelo de datos del Explorador de contenido en la barra lateral.

Ahora puede arrastrar y soltar los Componentes principales de formularios adaptables o los elementos de esquema para crear el formulario adaptable.

Editar las propiedades del modelo de formulario de un formulario adaptable edit-form-model-core-components-based-adaptive-forms

  1. Seleccione el formulario adaptable e Información de página > Abrir propiedades. Se abre la página Propiedades del formulario.

  2. Vaya a la pestaña Modelo de formulario y elija un modelo de formulario. Si el formulario adaptable no cuenta con un modelo de formulario, tiene la posibilidad de elegir un esquema JSON o un modelo de datos de formulario (FDM). Por otro lado, si el formulario adaptable ya se basa en un modelo de formulario, tiene la opción de cambiar a otro modelo de formulario del mismo tipo. Por ejemplo, si el formulario utiliza un esquema JSON, puede cambiar fácilmente a otro esquema JSON y, asimismo, si el formulario utiliza un modelo de datos de formulario (FDM), puede cambiar a otro modelo de datos de formulario (FDM).

  3. Seleccione  Guardar para guardar las propiedades.

Crear formularios adaptables con componentes de base

Para crear un formulario adaptable, es necesario lo siguiente:

  • Permisos: añada los usuarios a forms-users para darles permisos para crear un formulario adaptable. Para obtener una lista detallada de los grupos de usuarios específicos de formularios, consulte Grupos y permisos.

  • Una temática de formulario adaptable: Una temática contiene detalles de estilo para los componentes y paneles. Los estilos incluyen propiedades como colores de fondo, colores de estado, transparencia, alineación y tamaño. Al aplicar una temática, el estilo especificado se refleja en los componentes correspondientes. Puede crear un tema nuevo o importar uno existente. También puede implementar el tipo de archivo más reciente para algunas temáticas de ejemplo.

  • Una plantilla de formulario adaptable: Una plantilla ofrece una estructura básica y define el aspecto (diseños y estilos) de un formulario adaptable. Tiene componentes con formato previo que contienen determinadas propiedades y estructura de contenido. También ofrece opciones para definir una temática y una acción de envío. La temática define la apariencia, y la acción de envío define la acción que debe realizarse al enviar un Formulario adaptable. Por ejemplo, enviar los datos recopilados a una fuente de datos. El servicio en la nube admite dos tipos de plantillas:

    • Plantilla editable: puede crear una o importar una plantilla editable existente. También puede implementar el arquetipo más reciente para obtener algunas plantillas editables de ejemplo.

    • Plantilla estática: estas son plantillas heredadas y solo se recomiendan para los clientes que migran de Adobe Managed Services (AMS) e instalaciones locales de AEM Forms (AEM Forms 6.5 o anteriores). Esto le permite seguir utilizando su inversión existente en plantillas estáticas. Cuando cree un formulario adaptable, utilice una Plantilla editable.

Crear un formulario adaptable create-an-adaptive-form-foundation-components

  1. Acceda a la instancia de autor de Experience Manager Forms. Puede ser una instancia de nube o una instancia de desarrollo local.

  2. Introduzca sus credenciales en la página de inicio de sesión de Experience Manager.

    Cuando haya iniciado sesión, en la esquina superior izquierda, seleccione Adobe Experience Manager > Formularios > Formularios y documentos.

  3. Seleccione  Crear > Formularios adaptables. Se abre el asistente.

  4. En la pestaña Fuente, seleccione una plantilla:

    • Al seleccionar una Plantilla editable, se seleccionan automáticamente un tema y una acción de envío especificados en la plantilla, y se habilita el botón Crear. Puede ir a las pestañas Estilo o Envío para seleccionar una temática o acción de envío diferente. Si la Plantilla editable seleccionada no especifica ningún tema, el botón Crear permanece desactivado. Puede ir a la pestaña Estilos para seleccionar manualmente una temática.

      note note
      NOTE
      También puede crear una plantilla de un Documento de registro con un editor de formularios adaptables. Para obtener más información, consulte el Documento de compatibilidad de registros en el Editor de formularios adaptables.
    • Al seleccionar una plantilla estática, las opciones de datos, estilo, envío, entrega y vista previa no están disponibles. Cuando se crea un Formulario adaptable, se recomienda utilizar una Plantilla editable.

  5. En la pestaña Estilo, seleccione una temática:

    • Cuando la plantilla seleccionada especifica una temática, la temática se selecciona automáticamente en el asistente. También puede elegir una temática diferente de la pestaña Estilo.
    • Si la plantilla seleccionada no especifica ninguna temática, puede utilizar la pestaña Estilo para elegir una temática. El botón Crear solo se habilita después de seleccionar una temática.
  6. (Opcional) En la pestaña Datos, seleccione un modelo de datos:

    • Modelo de datos de formulario: el modelo de datos de formulario (FDM) permite integrar entidades y servicios de distintas fuentes de datos en un formulario adaptable. Elija el modelo de datos de formulario (FDM) si el formulario adaptable que está creando implica recuperar y escribir datos desde y hacia varias fuentes de datos.

    • Esquema JSON: El esquema JSON representa la estructura en la que el sistema back-end de su organización produce o consume datos. Puede asociar el esquema a un formulario adaptable y utilizar sus elementos para agregarle contenido dinámico. Los elementos del esquema están disponibles para su uso en la pestaña Objetos del modelo de datos del explorador de contenido al crear formularios adaptables y todos los campos también se añaden al formulario adaptable creado.

    De forma predeterminada, se seleccionan todos los campos del modelo de datos. Al crear el Formulario adaptable, todos los campos del modelo de datos seleccionado se convierten en los componentes correspondientes del Formulario adaptable. El asistente le proporciona casillas de verificación para seleccionar solo los campos que deben incluirse en el Formulario adaptable.

  7. En la pestaña Envío, seleccione una acción de envío:

    • Al seleccionar una plantilla, la acción de envío especificada en la plantilla se selecciona automáticamente. Puede seleccionar una acción de envío diferente en la pestaña Envío. La pestaña Envío muestra todas las acciones de envío disponibles.

    • Cuando la plantilla seleccionada no especifica una acción de envío, puede utilizar la pestaña Envío para seleccionar una acción de envío.

  8. (Opcional) En la pestaña Entrega, puede especificar una fecha de publicación o cancelación de publicación de un formulario adaptable.

  9. Seleccione Crear. Aparece un cuadro de diálogo para especificar el título, el nombre y la ubicación para guardar el Formulario adaptable:

    • El Título especifica el nombre para mostrar en el formulario. El título le ayuda a identificar el formulario en la interfaz de usuario de Experience Manager Forms.
    • Nombre: Especifica el nombre del formulario. Se crea un nodo con el nombre especificado en el repositorio. A medida que empieza a escribir un título, el valor del campo de nombre se genera automáticamente. Puede cambiar el valor sugerido. El campo de nombre solo puede incluir caracteres alfanuméricos, guiones y guiones bajos. Todas las entradas no válidas se sustituyen por guiones.
    • Ruta: Especifica la ubicación en la que se va a guardar el formulario adaptable. Puede guardar el Formulario adaptable directamente en /content/dam/formsanddocuments o crear una carpeta como /content/dam/formsanddocuments/adaptiveforms para guardar un Formulario adaptable. Asegúrese de crear la carpeta antes de utilizarla en la ruta. El campo Ruta: no crea una carpeta automáticamente.
  10. Seleccione Crear. Se crea un formulario adaptable que se abre en el editor de formularios adaptables. El editor muestra el contenido disponible en la plantilla. También muestra la barra lateral para personalizar el formulario recién creado según las necesidades.

    En relación con el tipo de formulario adaptable, los elementos del formulario presentes en el esquema JSON o el modelo de datos de formulario (FDM) asociados se muestran en la pestaña Objetos del modelo de datos del Explorador de contenido en la barra lateral. También puede arrastrar y soltar estos elementos para crear su formulario adaptable.

Editar las propiedades del modelo de formulario de un formulario adaptable edit-form-model-foundation-components

Puede cambiar el modelo de formulario para un formulario adaptable (basado en JSON o en el modelo de datos de formulario (FDM)). No se puede cambiar de un modelo de formulario a otro.

  1. Seleccione el formulario adaptable y seleccione el icono  Propiedades.

  2. Abra la pestaña Modelo de formulario y haga una de las siguientes acciones.

    • Si el formulario adaptable no cuenta con un modelo de formulario, puede elegir otro modelo de formulario y, en consecuencia, seleccionar un esquema XML o JSON o un modelo de datos de formulario (FDM).
    • Si el formulario adaptable se basa en un modelo de formulario, puede elegir otro esquema XML o JSON o modelo de datos de formulario (FDM) para el mismo modelo de formulario.
  3. Seleccione  Guardar para guardar las propiedades.

También puede modificar las propiedades del modelo del formulario desde el Creador de formularios adaptables o el Creador de plantillas de formulario adaptable.

  1. Seleccione el componente Contenedor de formulario adaptable (raíz).

  2. Haga clic en el Icono Configurar para abrir Propiedades del contenedor del Formulario adaptable.

  3. Seleccione la pestaña Modelo de datos y realice una de las siguientes acciones:

    • Si el formulario adaptable no posee un modelo de formulario, puede elegir un modelo de formulario y seleccionar un esquema XML o JSON , o un modelo de datos de formulario (FDM), según corresponda.
    • Si el formulario adaptable se basa en un modelo de formulario, no se puede cambiar el modelo de formulario. Puede elegir otro esquema XML o JSON , o un modelo de datos de formulario (FDM) para el mismo modelo de formulario, según corresponda.
  4. Seleccione  Guardar  para guardar las propiedades.

Compatibilidad con FDM-Esquema {align="center" width="100%"}

note note
NOTE
También puede guardar un formulario adaptable como plantilla. Para obtener más información, consulte Creación de una plantilla con un formulario adaptable.

Próximos pasos

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab