Contraer/expandir grupos, acordeón y pestañas en Jitterbit App Builder

App Builder permite configurar Grupos para que se contraigan y expandan al hacer clic en su título. Acordeón y Pestaña son dos tipos de grupos que pueden contener información y son útiles para presentar agrupaciones lógicas de información. De forma predeterminada, App Builder mostrará el primer control expandido (o abierto) y los demás contraídos (o cerrados).

Puedes personalizar la imagen que se muestra en el control del Acordeón, que indica el estado abierto o cerrado. Si no seleccionas el estado "apagado" para el Acordeón, App Builder usará la imagen en estado "ENCENDIDO" y la rotará 90 grados.

Cómo configurar un grupo con acordeones

Ejemplo de grupos configurados con acordeones

1. Dirígete al panel donde quieras configurar el grupo.
2. Ve al Cajón de acciones > Live Designer.
3. Localiza (o añade) el panel donde quieras añadir un grupo y haz clic en el botón Controles correspondiente.
4. Haz clic en + Control para abrir el asistente Añadir un control.
5. Configura el tipo de control como Acordeón.
6. Asigna un Nombre. Por ejemplo: Parcel.
7. El Subtipo de Control determina el comportamiento del acordeón al abrir un conjunto. Su valor predeterminado es Simple. Haga clic para cambiarlo a Múltiple.
8. Haga clic en Siguiente.
9. Marque o cambie el nombre del control y haga clic en Finalizar.
10. Continúe creando los contenedores de grupo restantes. Por ejemplo: Notes, Special Districts.
11. Establezca el valor Principal de los grupos restantes en el grupo Acordeón.
12. Asigne todos los controles correspondientes a los grupos utilizando el valor Principal en el panel Controles.
13. Para configurar un control de grupo con más detalle, haga clic en su Icono Abrir registro.
14. Acceda a la interfaz de usuario de la aplicación, actualice el navegador web y confirme los resultados.

Cómo configurar un grupo con pestañas

Ejemplo de grupos configurados con pestañas

1. Navegue hasta el panel donde desea configurar el grupo.
2. Vaya al Panel de acciones > Diseñador dinámico.
3. Localice (o agregue) el panel donde desea agregar un grupo y haga clic en el botón Controles correspondiente.
4. Haga clic en + Control.
5. Establezca el tipo de control en Pestaña.
6. Asigne un Nombre. Por ejemplo: Parcela.
7. Asigne el Principal como el contenedor del panel donde reside el grupo. Por ejemplo: Información de parcela (SRP).
8. Guarde y salga.
9. Continúe creando los contenedores de grupo restantes. Por ejemplo: Notes, Special Districts.
10. Establezca el valor Principal de cualquier otro grupo en el grupo de pestañas.
11. Asigne todos los controles correspondientes a los grupos utilizando el valor Principal en el panel Controles.
12. Navegue a la vista de la interfaz de usuario de la aplicación, actualice el navegador web y confirme los resultados.