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: elija una posición para el acoplamiento del panel lateral contraíble.
- Tamaño: establezca el tamaño del panel contraíble en píxeles (px) o en porcentaje del panel del widget (%).
- Superposición: hace que el panel lateral cubra parte del panel principal.
- Redimensionable: permite a los usuarios cambiar el tamaño del panel lateral 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.
Cuando configura la acción Abrir barra lateral con el desencadenador Registrar cambios en la selección, se le solicita que elija los datos de desencadenador. Los datos de desencadenador son la fuente de datos que desencadena la acción del mensaje. Puede elegir una de las siguientes opciones:
- Todos los datos: abre la barra lateral cuando el usuario selecciona entidades de cualquiera de las fuentes de datos conectadas al widget de origen.
- Personalizado: utiliza capas específicas como datos de desencadenador. Los datos de desencadenador personalizados son útiles si solo desea que una fuente de datos específica desencadene la acción del mensaje. Por ejemplo, si desea que la barra lateral solo se abra cuando el usuario selecciona una ciudad en un mapa, puede seleccionar la capa de ciudades como datos de desencadenador.
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.