Menú Lateral

<< Clic para mostrar Tabla de Contenidos >>

Navegación:  Automatización de Procesos con poco código > Studio Cloud -ambiente de autoría > Bizagi Apps > App Designer > Editor del App Designer >

Menú Lateral

Introducción

En el editor de App Designer, usted puede navegar su app fácilmente desde el Menú lateral, el cual se encuentra ubicado en la parte izquierda de la pantalla y le permite organizar las secciones, páginas y vínculos de su app, mostrándolos como pestañas.

 

Sidebar menu 01

 

En esta página encontrará detallados los elementos y comportamiento del Menú Lateral.

 

Logo

Las opciones del Menú Lateral permiten personalizar la barra lateral con diferentes logos para los estados expandido y colapsado, añadiendo flexibilidad para adaptarse mejor a diversos flujos de trabajo y necesidades de marca.

 

Sidebar Logo Custom 01

 

Sidebar Logo Custom 02

 

Para abrir las configuraciones del Logo:

1.Haga clic en el recuadro del logo en el Menú Lateral.

2.Vaya a la pestaña Administrar.

3.Abra el menú desplegable de Logo para ver las configuraciones.

 

Sidebar Logo Custom 03

 

Puede deshabilitar la visualización del logo haciendo clic en el botón de interruptor Mostrar Logo.

 

Sidebar Logo Custom 04

 

Cuando se encuentra habilitada, esta opción le permite establecer el logo que se mostrará en la barra lateral. Para hacer esto, usted puede cargar una imagen o especificar un URL que contenga la imagen que se mostrará como el logo.

Para cargar una imagen, haga clic en Subir imagen para abrir el explorador de archivos y seleccione la imagen que desea utilizar como logo.

 

Sidebar Logo Custom 06

 

note_pin

Se admiten los siguientes formatos: .png, .jpg y .jpeg.

 

Si por el contrario desea especificar una URL que contiene su logo:

1.Habilite la opción Cargar imagen desde una URL.

2.Escriba la URL de la imagen que desea utilizar como logo.

3.Valide en la casilla inferior la imagen que ha cargado.

 

Sidebar Logo Custom 05

 

La URL ingresada debe corresponder específicamente al enlace directo de la imagen y tener un formato admitido. Si ingresa la URL de una página completa o la imagen tiene una extensión no permitida, se mostrará una advertencia que impedirá guardar la configuración.

 

Sidebar Logo Custom 05 B

 

Puede configurar la imagen del logo del Menú Lateral colapsable desde una URL o cargando un archivo. Siga las instrucciones anteriores para realizar esta configuración.

 

Sidebar Logo Custom 07

 

Puede configurar la opción Vista del Menú Lateral por defecto como Expandida o Colapsada. Si selecciona Colapsada, la barra lateral permanecerá contraída cada vez que se actualice la página.

 

Secciones

Las secciones son la característica más importante del Menú lateral. Piense en las secciones como contenedores de páginas que le permiten organizar y visualizar el contenido de su app de forma lógica. Usted puede crear la cantidad de secciones que necesite y puede organizar cualquier número de páginas dentro.

Cuando usted crea una aplicación, el Menú lateral muestra por defecto una sección llamada Default Section, la cual contiene la página Home (página de inicio de la app).

 

Sidebar menu 03

 

Agregar secciones

Para agregar una sección:

1.Haga clic en el botón Agregar nuevo del Menú Lateral.

2.Seleccione la opción Agregar nueva sección.

3.Asigne un nombre a su sección y presione la tecla Enter para crearla.

 

Sidebar menu 04

 

Sidebar menu 05

 

Para cambiar el nombre de la sección:

1.Haga doble clic sobre su nombre.

2.Defina el nuevo nombre

3.Presione la tecla Enter para guardar los cambios.

 

 

Sidebar menu 05

 

Eliminar secciones

Para eliminar una sección:

1.Pase el cursor del mouse sobre la sección que desea eliminar.

2.Después, haga clic en el ícono SideMenuDeleteIcon .  

3.Si la sección contiene páginas, estas se moverán a la última sección activa.

 

Sidebar menu 06

 

note_pin

Tenga en mente que la sección Default Section no se puede borrar.

 

Agregar páginas a una sección

Para agregar páginas a una sección:

1.Haga clic en el botón Agregar nuevo del Menú Lateral.

2.Seleccione la opción Agregar nueva página.

3.Decida si quiere agregar una página en blanco, una página de Persona o una página de Bandeja de Entrada.

4.Registre la información de la nueva página en la configuración de la página.

5.Haga clic en el botón Agregar página.

 

Sidebar menu 07

 

También puede:

1.Pasar el cursor sobre la sección en la cuál desea agregar la nueva página y hacer clic en el ícono SideMenuAddIcon .

2.Seguir los pasos 2 al 5 de las instrucciones anteriores para configurar su nueva página.

 

Sidebar menu 08

 

note_pin

Tenga en cuenta que puede crear varias páginas con nombres de visualización idénticos.

 

Personalizar el Menú lateral

Para personalizar el Menú lateral, haga clic en el menú de tres puntos que se encuentra al lado del botón Agregar nuevo.

 

Sidebar menu 09

 

Esta opción abre la pestaña Diseño del panel de contenido del Menú Lateral en el lado derecho de su pantalla.

 

Sidebar menu 10

 

En esta pestaña, usted puede configurar las siguientes propiedades para personalizar el Menú lateral:

Estilo

oTítulo de la sección por defecto: habilite este interruptor para mostrar el nombre de la sección que contiene a la página de inicio de la app  (Default section)

oÍconos: habilite este interruptor para mostrar los íconos en cada una de las páginas del Menú lateral.

oSombra: habilite este interruptor para mostrar el divisor de del Menú lateral con una sombra.

Fuentes: puede seleccionar la familia de fuentes y el tamaño para las secciones y páginas.

Colores: establezca el color de fondo del Menú lateral, las secciones, las fuentes de las páginas y los íconos. Además, usted puede establecer el Color de desplazamiento, que es el color que se muestra en el Menú lateral cuando se pasa el mouse sobre una página o esta es seleccionada.

Logo: cambia la altura del logo en píxeles.


Last Updated 11/19/2025 4:30:37 PM