Crear una plantilla de formulario adaptable basada en componentes principales

Última actualización: 2023-12-12

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 heredará la estructura, el diseño y los componentes especificados en la plantilla. El Editor de plantillas le permite lo siguiente:

  • Agregar componentes de encabezado y pie de página de un formulario en la capa de estructura.
  • Proporcionar el contenido inicial para el formulario.
  • Especificar un tema, Enviar acciones.

Requisito previo

Habilitar los componentes principales de Forms adaptables para su entorno: Al crear un programa, los componentes principales de Forms adaptable ya están habilitados para su entorno. Si tiene un entorno as a Cloud Service de formularios basado en AEM Tipo de archivo 39 o anterior de la, Habilitar los componentes principales de Forms adaptables para su entorno.

NOTA

Al implementar el entorno as a Cloud Service de Forms basado en el tipo de archivo 45, la variable Forms adaptable (componente principal) las plantillas y las temáticas principales basadas en componentes se añaden al entorno.

Trabajar con plantilla

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.

NOTA

Puede encontrar las plantillas editables basadas en componentes principales en carpetas específicas de componentes principales.

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

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

  1. Seleccionar Crear dentro de la carpeta que ha creado.

  2. En el Elegir un tipo de plantilla , seleccione Plantilla de formulario adaptable (componente principal) y seleccione Siguiente.

  3. En el Detalles de plantilla , proporcione un Título de plantilla y seleccione Crear.
    También puede proporcionar una descripción.

  4. Seleccionar Listo para volver a la consola, o seleccione Abrir para abrir la plantilla en el editor.

IU del editor de plantillas

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

  • Barra de herramientas de la página
    Contiene las siguientes opciones:

    • Alternar panel lateral: Permite mostrar u ocultar la barra lateral.
    • Información de la página: Permite especificar información, como la hora de publicación/cancelación de la publicación, las miniaturas, las bibliotecas del lado del cliente, la directiva de página y la biblioteca de diseños de páginas del lado del cliente.
    • Selector de modo: Le permite cambiar el modo. Puede elegir el modo Estructura, Contenido inicial, Control de diseño en el menú contextual. El modo Estructura permite agregar y personalizar el encabezado y el pie de página. El modo de Contenido inicial permite personalizar el contenido del formulario.
    • Vista previa: Permite obtener una vista previa del aspecto de la plantilla al publicarla. Puede utilizar el Selector de capa y la Vista previa para alternar los modos de edición y vista previa.
  • Barra lateral: Proporciona los exploradores de Contenido, Propiedades, Recursos y Componentes.

  • Barra de herramientas de componentes: Al seleccionar un componente, aparecerá una barra de herramientas que le permite personalizarlo.

  • Página: Área donde se agrega contenido para crear la plantilla.

Editar una plantilla

Los diferentes modos para seleccionar y editar la proporción adecuada 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

Al seleccionar la capa de estructura en el Editor de plantillas, ayuda a predefinir el contenido que no se puede cambiar al crear un Forms adaptable asociado a la plantilla.

Contenedor de diseño en la capa de estructura

Bloquear/desbloquear componentes en la capa de estructura

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.

NOTA

No se recomienda bloquear o desbloquear la imagen o el logotipo en el componente del encabezado de forma individual. Puede desbloquear el componente del encabezado.

Contenido inicial

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. Permite crear contenido predefinido que se puede cambiar al crear un Forms adaptable asociado 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 lista desplegable de lienzo > Contenido inicial.

Encabezado y pie de página agregados en la capa 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.

NOTA

Cuando selecciona Almacenar contenido o Almacenar PDF como Acción de envío, obtiene una opción para especificar la ruta de almacenamiento. Si especifica la ruta en la plantilla, todos los formularios creados a partir de ella tendrán la misma ruta. Puede especificar la ruta de almacenamiento correcta o asegurarse de que los autores de los formularios lo actualicen para evitar que los datos de todos los formularios se almacenen en la misma ubicación.

Diseño

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

Contenedor de diseño en la capa de estructura

Consulte el artículo explicación del diseño interactivo para obtener más información.

Habilitar la plantilla

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:

  1. Vaya a Adobe Experience Manager > Herramientas > Plantillas​y abra la carpeta en la que ha creado la plantilla.
    La plantilla que ha creado se marcará como borrador.
  2. Seleccione la plantilla y seleccione Activar en la barra de herramientas.
    Cuando cree un formulario adaptable, podrá ver la plantilla en la lista cuando se le pida que elija una plantilla.

Importar o exportar una plantilla

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 AEM Cree una plantilla utilizando Tipo de archivo e impleméntela en la instancia de Cloud Service.

NOTA

Asociación de un esquema del modelo de datos de formulario a una plantilla

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 ahorra tiempo a los autores de formularios. Para seleccionar un esquema del modelo de datos de formulario en el editor de plantillas, haga lo siguiente:

  1. Seleccionar Explorador de contenido situado en el lado izquierdo.
  2. Vaya a la Configuración del contenedor del formulario.
  3. Seleccione Modelo de datos.
  4. Elija su modelo de datos de formulario mediante Seleccionar modelo de datos de formulario y guarde la configuración.

Form-Data-Model-Association-in-Forms

Agregar propiedades personalizadas a componentes de formulario adaptable mediante una directiva de plantilla

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 variable 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 agregar propiedades personalizadas a los campos de componente principal del formulario adaptable son los siguientes:

  1. Agregar un nombre de grupo personalizado en la directiva de un editor de plantillas
  2. Seleccione un nombre de grupo personalizado en el cuadro de diálogo de edición del componente de un formulario adaptable

Añadir un nombre de grupo personalizado en la directiva del editor de plantillas

  1. Ir a Adobe Experience Manager > Herramientas > General > Plantillas.
  2. Seleccione la plantilla basada en Componentes principales y ábrala en modo de edición.
  3. Haga clic en Política Política de un campo del componente principal del formulario adaptable en el que deben definirse las propiedades personalizadas. El Campo de formulario adaptable aparece el cuadro de diálogo.
  4. Seleccione el Propiedades personalizadas pestaña.
  5. Especifique el Título de política en el Política sección.
  6. Especifique el Nombre del grupo y agregue un par clave-valor asociado a un grupo específico. El nombre del grupo es visible para los autores de formularios en el cuadro de diálogo de edición de un componente. Si selecciona el nombre del grupo, cada par clave-valor asociado es aplicable a un componente.
  7. Haga clic en [Listo].

Adición de propiedades personalizadas al nombre del grupo en el editor de plantillas

Cuando agrega al menos un grupo de propiedades personalizadas mediante la directiva de plantilla, la variable 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

  1. Abra un formulario adaptable en modo de edición.
  2. Seleccione el componente para el que se han definido las propiedades personalizadas en el editor de plantillas y seleccione settings_icon para abrir el cuadro de diálogo de edición del componente.
  3. Seleccione el Avanzadas pestaña.
  4. Seleccione el nombre del grupo de propiedades personalizadas de Selección de propiedad personalizada menú desplegable. Todos los nombres de grupo personalizados definidos se rellenan automáticamente en la lista desplegable.
  5. Seleccionar Listo para guardar las propiedades.

seleccionar nombre de grupo de propiedades personalizadas

NOTA
  • El Propiedades personalizadas adicionales La casilla de verificación permite añadir dinámicamente propiedades personalizadas específicas del componente además de las proporcionadas en la directiva de plantilla. La propiedad personalizada del componente específico tiene prioridad sobre la propiedad personalizada establecida en la directiva de plantilla cuando coinciden los valores del nombre de clave.

Crear un formulario adaptable con la plantilla

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 Crear un formulario adaptable basado en componentes principales.

Prácticas recomendadas

  • Cree plantillas utilizando los componentes basados en Componentes principales, por ejemplo, Texto de formulario adaptable, Contenedor de formulario adaptable y más. Para obtener información sobre los componentes principales de Forms adaptables, haga clic aquí.
  • Limite el número de plantillas para que coincidan con los tipos de formulario fundamentalmente diferentes disponibles en los sitios web
  • Proporcione la flexibilidad y las capacidades de configuración necesarias a los componentes personalizados utilizados en una plantilla.

Vea también

En esta página