Creación de una plantilla de formulario adaptable basado en componentes principales adaptive-form-templates

Al crear un formulario, se agregan campos y componentes para definir la estructura del formulario, el contenido y las acciones en el editor. Los campos y componentes se agregan en el guideRootPanel del contenedor de formulario. Con el Editor de plantillas, puede crear una plantilla que contenga una estructura básica y contenido inicial que los autores puedan utilizar para crear formularios.

Por ejemplo, desea que todos los autores de formularios tengan ciertos cuadros de texto, botones de navegación y un botón de envío en un formulario de inscripción. Puede crear una plantilla con los componentes que los autores pueden utilizar para crear un formulario coherente con otros formularios de inscripción. Cuando los autores utilizan la plantilla para crear un formulario adaptable, el nuevo formulario hereda la estructura y los componentes que se han especificado en la plantilla. El Editor de plantillas le permite lo siguiente:

Requisito previo

Habilitar los componentes principales de formularios adaptables para su entorno: al crear un programa, los componentes principales de formularios adaptables ya están habilitados para su entorno. Si tiene un entorno de formularios as a Cloud Service basado en AEM Archetype 39 o anterior, habilite los componentes principales de formularios adaptables para su entorno.

Trabajo con plantillas working-with-templates

Puede acceder al editor de plantillas desde el menú Herramientas si navega hasta Adobe Experience Manager > Herramientas > General > Plantillas. En este caso, las plantillas están organizadas en carpetas habilitadas para plantillas editables.

Experience Manager proporciona una carpeta global para organizar las plantillas. Sin embargo, no está habilitada de forma predeterminada. Puede solicitar al administrador que habilite la carpeta global o que cree una carpeta para plantillas. Para obtener más información sobre cómo crear carpetas, consulte Carpetas para plantillas.

Crear una plantilla create-template

Después de crear una carpeta, ábrala y haga lo siguiente para crear una plantilla:

IU del editor de plantillas template-editor-ui

Cuando abra una plantilla para editarla, verá los siguientes componentes del editor de AEM:

Editar una plantilla editing-a-template

Los diferentes modos para seleccionar y editar el aspecto adecuado de la plantilla son los siguientes:

El selector de capas está disponible junto a la opción Vista previa en la esquina superior derecha de la pantalla.

Estructura structure

Al seleccionar la capa de estructura en el editor de plantillas, éste le ayuda a predefinir el contenido que no se puede cambiar cuando se crean formularios adaptables asociados a la plantilla.

Bloquear/desbloquear componentes en la capa de estructura locking-unlocking-components-in-the-structure-layer

Cuando edita la plantilla con la capa de estructura seleccionada, puede desbloquear el encabezado y el pie de página de la plantilla. Si un componente está desbloqueado en la plantilla, los autores de formularios pueden editarlo en el formulario adaptable que utiliza la plantilla. Bloquear un componente impide que los autores de formularios lo editen en el formulario adaptable. La opción Bloquear está disponible en la barra de herramientas de componentes.

Por ejemplo, puede agregar el componente Encabezado en la plantilla. Al seleccionar el componente, podrá ver la opción de bloqueo en la barra de herramientas de componentes. Normalmente, el encabezado incluye el nombre de la compañía y el logotipo, y no se desea que los autores de formularios cambien el logotipo y el encabezado de una plantilla. En un formulario adaptable creado con la plantilla con el componente de encabezado bloqueado, los autores de formularios no pueden cambiar el logotipo ni el nombre de la empresa.

Contenido inicial initial-content

Cuando se selecciona la opción Contenido inicial, el contenedor de formulario adaptable de la plantilla se abrirá como un formulario adaptable para su edición. Le permite crear contenido predefinido que se puede cambiar cuando se crean formularios adaptables asociados a la plantilla. Al igual que la creación de un formulario adaptable, puede especificar la configuración inicial, como seleccionar un tema y enviar acciones.

Los autores de formularios lo utilizan como base para crear un formulario. La estructura del flujo de contenido se especifica en la capa Contenido inicial de la plantilla. Para cambiar a la edición del contenido inicial de la plantilla de formulario, antes de Vista previa en la barra de herramientas de la página, seleccione > Contenido inicial.

En la capa Contenido inicial, se creará la plantilla Formulario adaptable que los autores utilizan como base. La creación de una plantilla es similar a la de un formulario, se utilizan las opciones disponibles en la barra lateral. La barra lateral proporciona exploradores de contenido, propiedades, activos y componentes.

Diseño layout

Al editar una plantilla, puede definir el diseño, que utiliza un diseño adaptable estándar. El diseño ayuda a administrar la anchura de un componente en función de la anchura del dispositivo para facilitar un diseño de formulario adaptable.

Consulte el artículo de descripción del diseño adaptable para obtener más información.

Habilitar la plantilla enabling-the-template

Al crear una plantilla, esta se agrega como borrador. Habilite la plantilla para utilizarla para crear formularios adaptables. Para habilitar una plantilla, haga lo siguiente:

Importar o exportar una plantilla importing-or-exporting-a-template

Un formulario funciona con su plantilla. Cuando se descarga un formulario adaptable creado con una plantilla personalizada, la plantilla no se descarga. Al importar el formulario en una instancia de AEM Forms diferente, se importará sin su plantilla. Si se importa un formulario pero su plantilla no está disponible, el formulario no se procesará. Puede empaquetar la plantilla personalizada desde el nodo /conf en https://<server>:<port>/crx/packmgry portarlo en la instancia AEM Forms en la que desea cargar el formulario. También puede Crear una plantilla con AEM Archetype e implementarla en su instancia de Cloud Services.

Asociación de un esquema del modelo de datos de formulario a una plantilla associating-form-data-model-schema-in-template

Los autores pueden asociar un Esquema de modelo de datos de formulario a una plantilla de formulario adaptable en un editor de plantillas. Permite a los autores seleccionar un esquema del editor de plantillas. Cuando asocia un esquema a una plantilla y un autor de formularios crea un formulario basado en ella, el esquema se preselecciona para el formulario. Ayuda a los autores de formularios a regular el uso del esquema y también les ahorra tiempo. Para seleccionar un esquema del modelo de datos de formulario en el editor de plantillas, haga lo siguiente:

Adición de propiedades personalizadas a componentes de formulario adaptable mediante una política de plantillas

Las propiedades personalizadas le permiten asociar atributos personalizados (pares clave-valor) a un componente principal del formulario adaptable mediante la plantilla de un formulario. Las propiedades personalizadas se reflejan en la sección de propiedades de la representación sin encabezado del componente. Permite crear un comportamiento de formulario dinámico que se adapta en función de los valores de atributos personalizados. Por ejemplo, los desarrolladores pueden diseñar varias representaciones de un componente Forms sin encabezado para plataformas móviles, de escritorio o web, lo que mejora significativamente la experiencia del usuario en una amplia gama de dispositivos.

Los pasos para añadir propiedades personalizadas a los campos del componente principal del formulario adaptable son los siguientes:

Añadir un nombre de grupo personalizado en la política del editor de plantillas add-a-custom-group-name

Cuando añade al menos un grupo de propiedades personalizadas mediante la política de la plantilla, la pestaña Avanzadas se vuelve visible en el cuadro de diálogo Editar de un componente principal correspondiente.

Seleccione un nombre de grupo personalizado en el cuadro de diálogo de edición de un componente principal select-a-custom-group-name

Crear un formulario adaptable con la plantilla creating-an-adaptive-form-using-the-template

Después de crear y habilitar una plantilla, esta estará disponible en el administrador de formularios al crear un formulario adaptable. Para utilizar una plantilla y crear un formulario adaptable, consulte Creación de un formulario adaptable basado en componentes principales.

Prácticas recomendadas best-practices

Ver también see-also