Funciones de diseño de Forms adaptable basadas en componentes principales

Inicie sesión en su instancia de Experience Manager Forms.

En la esquina superior izquierda, seleccione Adobe Experience Manager > Forms > Forms y documentos.

Abra un formulario adaptable existente en modo de edición si ya se ha creado.

También puede crear un nuevo formulario adaptable.

Busque la sección en el editor de formularios que le permite agregar un diseño.

Haga clic en el icono Agregar. El icono es un signo más (+) que significa la opción de agregar nuevos componentes.

Al hacer clic en el icono Agregar, se muestra un cuadro de diálogo Insertar nuevo componente que muestra varios componentes para su inserción.

Examine los componentes disponibles en el cuadro de diálogo y seleccione el diseño que desee en la lista. En nuestro caso, seleccionamos el componente Pestañas horizontales para insertar el diseño de pestañas horizontales.

Al agregar el componente de pestañas horizontales al formulario, inicialmente consta de dos paneles vacíos, llamados Item1 y Item2, de forma predeterminada. Debe agregar manualmente componentes de formulario a estos paneles.

Abra las propiedades del componente pestañas horizontales y especifique el nombre del componente.
Por ejemplo, en este caso, agregamos el nombre del componente de pestañas horizontales como Formulario de solicitud de TI.

Haga clic en Listo.

Abra las propiedades del componente de pestañas horizontales y haga clic en la pestaña Elementos.

Haga clic en el icono Agregar para agregar un panel nuevo.

Al hacer clic en el icono Agregar, aparece el cuadro de diálogo Insertar nuevo componente.

Seleccione el componente del panel.

Al seleccionar el componente Panel, el nuevo panel se agrega al diseño horizontal.

Proporcione un nombre para el nuevo panel; de lo contrario, no podrá guardar las propiedades del componente de pestañas horizontales.

Especifique los nombres de los paneles como se muestra en la figura siguiente:

Haga clic en Listo.

Una vez que haga clic en Listo, los tres paneles aparecerán uno al lado del otro en una fila. Los nombres de panel se muestran como encabezados para cada panel y puede agregar componentes de formulario a cada panel.

Puede configurar las propiedades del componente del panel. Por ejemplo, el formulario de solicitud de TI no incluye títulos de panel. A continuación se indican los pasos para configurar las propiedades del componente de panel.

Abra las propiedades del primer panel.

Seleccione la casilla de verificación Ocultar título de la ficha Básico.

Haga clic en Listo.

Busque la sección dentro del panel que le permite agregar componentes.

Haga clic en el icono Agregar. El icono es un signo más (+) que significa la opción de agregar nuevos componentes.

Al hacer clic en el icono Agregar, se muestra un cuadro de diálogo Insertar nuevo componente que muestra varios componentes para su inserción.

Examine los componentes disponibles en el cuadro de diálogo que aparece y seleccione el componente deseado. En este caso, seleccione el componente Cuadro de texto.

Abra las propiedades del componente agregado y especifique su nombre. Permite editar las propiedades del componente Cuadro de texto agregado y especificar su nombre.

Del mismo modo, agregue dos componentes de cuadro de texto más y asigne un nombre a los componentes como ID de correo electrónico y Departamento.

Ahora que se han agregado los componentes del primer panel, puede continuar agregando los componentes al segundo panel.

Para cambiar el panel, haga clic en Seleccionar panel en la barra de herramientas.

Al hacer clic en Seleccionar panel, aparece la lista de los paneles agregados en el componente Pestañas horizontales.

Seleccione 2 panel de la lista de paneles y la vista cambiará del primer panel al segundo.

Repita los pasos descritos del paso 2 al paso 4 para añadir los componentes deseados en el panel 2, como se muestra en la siguiente figura:

Cambie al panel 3 siguiendo los pasos descritos en los pasos 6 y 7.

Repita los pasos descritos del paso 2 al paso 4 para agregar el componente deseado en el panel 3:

Haga clic en Vista previa en la esquina superior derecha del entorno de creación.

Haga clic en el icono Reemplazar de la barra de herramientas del componente de diseño y aparecerá el cuadro de diálogo Reemplazar componente.

Seleccione el diseño que desee en el cuadro de diálogo Reemplazar componente.

Después de seleccionar el diseño, la disposición de los componentes dentro del diseño cambia en consecuencia. Por ejemplo, seleccione el componente de fichas verticales del cuadro de diálogo Reemplazar componente; la disposición del panel cambiará a fichas a la izquierda:

Busque la sección que le permite agregar componentes.

Vaya al panel izquierdo del entorno de creación y haga clic en Componentes.

Al hacer clic en la opción Componentes, aparece la lista de los componentes disponibles.

Examine los componentes disponibles y seleccione el componente deseado.

Arrastre el componente haciendo clic y manteniendo presionado el componente seleccionado, y después arrástrelo al área del panel para colocarlo.

Suelte el componente en el panel soltando el ratón.