Saltar al contenido

Grupos de control en Jitterbit App Builder

Los grupos de control son contenedores que se pueden usar para agrupar visualmente controles relacionados que residen en el mismo panel. Se puede ajustar la apariencia y la visualización de la información dentro de estos contenedores utilizando las opciones de configuración disponibles al crear los grupos, o mediante el uso de estilos.

Los grupos de control no deben confundirse con Grupos de panel, que se utilizan para organizar paneles en una página.

Uso

Los grupos de control se utilizan para organizar controles en un panel, lo cual es especialmente útil para paneles que necesitan mostrar un gran número de controles. Por ejemplo, los paneles que se muestran a continuación contienen dos grupos de control cada uno:

Grupos de control

El panel de Información de Envío contiene los grupos de control Información de Envío y Fechas y Costos, organizados como un acordeón, mientras que el panel de Información del Cliente contiene los grupos de control Información del Cliente y Contacto, organizados como pestañas. Todas estas opciones de visualización son controladas por el desarrollador.

Crear y organizar grupos de control

Para crear un grupo de control:

  1. Ve a App Workbench > Páginas y selecciona la página en la que deseas trabajar.

  2. Si el panel que estás organizando ya existe, haz clic en su botón Controles. De lo contrario, créalo y luego accede a su lista de controles.

  3. En la lista de controles, haz clic en + Control. Se abre el cuadro de diálogo Agregar un Control.

  4. En el campo Tipo de Control, haz clic para ver el menú desplegable y desplázate para encontrar la sección Grupo. Hay tres opciones disponibles:

    • Acordeón: Los controles se muestran u ocultan en un "acordeón" que los usuarios pueden abrir y cerrar.

      • Cuando se selecciona Acordeón, el campo Subtipo de Control se vuelve disponible. Úsalo para elegir si se puede revelar más de un grupo al mismo tiempo (selecciona Múltiple) o si abrir uno debería cerrar automáticamente los otros (selecciona Único). El valor predeterminado es Único.
    • Grupo de Campos: Los controles se enumeran en un grupo de campos, un contenedor con un título elegido por usted. El diseño de los controles (campos) dentro del contenedor también se puede personalizar.

      Nota

      Los grupos de campos se conocían anteriormente como conjuntos de controles, conjuntos de campos, zonas o simplemente como grupos.

    • Pestaña: Los controles se muestran en pestañas entre las que los usuarios pueden hacer clic.

  5. En el campo Nombre, ingrese un nombre para identificar cada grupo de controles.

  6. Haga clic en Siguiente y Finalizar.

Ahora, cualquier control en el panel se puede asignar al grupo de controles que ha creado, que se enumera entre los otros controles. La captura de pantalla a continuación muestra la lista de controles del panel de Información de Envío mencionado anteriormente. Observe los dos grupos de controles entre ellos y cómo los otros controles los tienen como padres.

Lista de controles

Al editar el campo Orden, puede alterar la secuencia en la que se muestran los grupos de controles, así como la secuencia de los controles dentro de cada grupo.