Widget Barra lateral

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 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 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: cuando se abre, 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.