Saltar al contenido

Contraer/expandir Grupo, Acordeón, Pestañas

App Builder admite la capacidad de configurar Grupos para que se contraigan y expandan cuando se hace clic en el título del grupo. Acordeón y Pestaña son dos tipos de grupos que pueden tener información dentro de ellos y son útiles para presentar agrupaciones lógicas de información. De forma predeterminada, App Builder presentará el primer Control como expandido (o abierto) y el resto como contraído (o cerrado).

Puede personalizar la imagen que se muestra en el control Acordeón, que se utiliza para indicar el estado abierto/cerrado. Si no elige un "estado apagado" para el Acordeón, App Builder utilizará la imagen en estado ON y la rotará 90 grados.

Cómo Configurar un Grupo con Acordeones

acordeón.png

Ejemplo de grupos configurados con acordeones

  1. Navegue hasta el panel donde desea configurar el grupo.
  2. Vaya al Cajón de acciones > Live Designer.
  3. Ubique (o agregue) el panel donde desea agregar un grupo y haga clic en el botón Controles correspondiente.
  4. Haga clic en + Control para abrir el asistente Agregar un control.
  5. Establezca el tipo de control en Acordeón.
  6. Asigna un Nombre. Por ejemplo: Parcel.
  7. El Subtipo de control determina cómo se comporta el acordeón cuando se abre un conjunto. Es Único de forma predeterminada. Haga clic para cambiarlo a Múltiple.
  8. Haga clic en Siguiente.
  9. Marque o cambie el nombre del control y luego haga clic en Finalizar.
  10. Continúe creando los contenedores de grupo restantes. Por ejemplo: Notes, Special Districts.
  11. Establezca el valor Padre de los grupos restantes en el grupo Acordeón.
  12. Asigne todos los controles apropiados a los grupos utilizando el valor Padre en el panel Controles.
  13. Para configurar un control de grupo con más detalle, haga clic en su ícono Abrir registro.
  14. Navegue hasta la vista de la interfaz de usuario de la aplicación, actualice el navegador web y confirme los resultados.

Cómo Configurar un Grupo con Pestañas

pestañas.png

Ejemplo de grupos configurados con pestañas

  1. Navegue hasta el panel donde desea configurar el grupo.
  2. Vaya al Cajón de acciones > Diseñador en vivo.
  3. Ubique (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 en el que 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 apropiados a los grupos utilizando el valor Principal en el panel Controles.
  12. Navegue hasta la vista de la interfaz de usuario de la aplicación, actualice el navegador web y confirme los resultados.