El widget Barra lateral es un contenedor de diseño que proporciona dos paneles adyacentes, lo que permite controlar el diseño y distribución de widgets anidados. Este widget permite a los usuarios ver colecciones de información simultáneamente.
Ejemplos
Use este widget para apoyar los requisitos de diseño de la aplicación como por ejemplo los siguientes:
- Desea que los usuarios puedan ocultar y mostrar un filtro o lista de entidades mientras continúa visualizando el mapa adyacente.
- Desea asignar widgets en paneles adyacentes y redimensionar los paneles para mostrar contenido en un espacio más grande o más pequeño.
Notas de uso
Puede configurar el widget Barra lateral para alinear paneles horizontal o verticalmente. Por ejemplo, los usuarios pueden comparar el contenido de diferentes capas o datasets en paneles adyacentes. Puede permitir que usuarios finales redimensionen y contraigan el panel acoplado. Si excluye el botón para contraer el panel, asegúrese de que el panel se expanda de forma predeterminada.
En la sección Contorno del panel Página, este widget dispone de dos contenedores secundarios predeterminados para organizar los widgets anidados en el diseño. El Primero se corresponde con el panel izquierdo o superior y el Segundo se corresponde con el panel derecho o inferior, en función del lado de acoplamiento que configure.
Sugerencia:
Si los widgets anidados llenan ambos paneles, puede abrir los ajustes de configuración del widget Barra lateral seleccionándolo en la lista o haciendo clic en el botón Configuración 
en la barra de herramientas de opciones del widget. Para mover el widget Barra lateral con sus widgets anidados, haga clic en el botón Mover 
en su barra de herramientas mientras arrastra el grupo hasta una nueva posición en el lienzo.
Configuración
El widget Barra lateral incluye estos ajustes:
- Panel lateral: el panel lateral puede contraerse y expandirse para mostrar u ocultar su contenido.
- Lado de acoplamiento: la posición de acoplamiento del panel lateral contraíble.
- Tamaño: el tamaño del panel contraíble, el panel que se corresponde con el ajuste del lado acoplable.
- Superposición: al abrirse, el panel lateral cubre parte del otro panel.
- Redimensionable: el panel lateral puede redimensionarse arrastrando el divisor.
- Estado predeterminado: especifique si la barra lateral se expande o contrae cuando los usuarios finales abren por primera vez la página.
- Botón Contraer: el botón Contraer se utiliza para mostrar u ocultar el panel lateral. Puede quitar el botón o especificar ajustes para cambiar su apariencia, como el color de fondo, el color del icono y la forma del icono. Puede elegir el estilo de botón y su posición en el panel (centro, superior o inferior). También puede definir los tamaños de botón e icono en píxeles, además del desplazamiento horizontal y vertical.
- Divisor: cambie la apariencia del divisor entre los paneles adyacentes, como por ejemplo el estilo de línea, color y peso.
- Propiedades del panel: elija un color o imagen de relleno para el fondo de cada panel. Si elige una imagen, puede colocarla en el panel usando Ajustar, Rellenar, Centro, Tesela o Extender.
Opciones de interacción
El widget Barra lateral puede ser el destino de dos acciones de mensaje: Abrir barra lateral y Activar/desactivar barra lateral. La primera abre el widget si está cerrado y no hace nada si está abierto. La segunda puede abrir y cerrar el widget. En la tabla siguiente se enumeran los desecadenadores admitidos para cada acción.
| Acción | Desencadenadores |
|---|---|
Abrir barra lateral | Clic en botón, Registrar cambios de selección, Cambio de vistas |
Activar/Desactivar barra lateral | Clic en botón |
Puede agregar estas acciones a la pestaña Acción de la configuración de otros widgets. Algunos ejemplos de widgets que se pueden conectar al widget de la barra lateral son el widget Botón, el widget Navegación por vistas y el widget Mapa.
Para conectar un widget Botón a un widget Barra lateral a su aplicación, en la pestaña Acción de la configuración del widget Botón, haga clic en Agregar un desencadenador y, a continuación, seleccione el desencadenador Clic en botón. Seleccione el widget Barra lateral como destino y, a continuación, seleccione la acción Abrir barra lateral o la acción Activar/Desactivar barra lateral.