Saltar al contenido

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

Vinyl admite la capacidad de configurar Grupos para contraer y expandir cuando se hace clic en el título del grupo. Acordeón y Tab son dos tipos de grupos que pueden contener información dentro de ellos y son útiles para presentar agrupaciones lógicas de información. De forma predeterminada, Vinyl presentará el primer control expandido (o abierto) y el resto contraído (o cerrado).

Puede personalizar la imagen que se muestra en el control Accordion, que se utiliza para indicar el estado abierto/cerrado. Si no elige un "estado apagado" para el acordeón, Vinyl usará la imagen del estado ENCENDIDO 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. Localice (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. Asigne un Nombre. Por ejemplo: Parcel.
  7. 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. Verifique o cambie el nombre del control, 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 de acordeón.
  12. Asigne todos los controles apropiados a los grupos usando el valor Padre en el panel Controles.
  13. Para seguir configurar un control de grupo, haga clic en su Icono 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 > Live Designer.
  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 Tab.
  6. Asigne un Nombre. Por ejemplo: paquetería.
  7. Asigne Padre como el contenedor del Panel en el que reside el Grupo. Por ejemplo: Información de parcela (SRP).
  8. Guardar y salir.
  9. Continúe creando los contenedores de grupo restantes. Por ejemplo: Notes, Special Districts.
  10. Establezca el valor Padre de cualquier otro grupo en el grupo de pestañas.
  11. Asigne todos los controles apropiados a los grupos usando el valor Padre 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.