Widget Menú

El widget Menú organiza páginas y se diseñó para ayudar a los usuarios a pasar de una página de su aplicación a otra. Puede cambiar la dirección del menú, elegir un estilo como por ejemplo etiquetas o píldoras, y seleccionar un color para el fondo y menú activo.

Ejemplo

Use este widget para apoyar los requisitos de diseño de la aplicación como por ejemplo los siguientes:

  • Necesita crear una aplicación que tenga varias páginas y desea proporcionar a los usuarios finales la capacidad para pasar de página a página de una forma sencilla e intuitiva.

Notas de uso

Normalmente, colocaría un menú en la parte superior de una página en el encabezado o cuerpo. El widget Menú se rellena automáticamente con las páginas, vínculos y carpetas como aparecen en el panel Página. Nombres de páginas, carpetas y vínculos aparecen en el menú en el orden que disponga a menos que haga clic en Ocultar del menú. Cuando anida páginas y vínculos en una página o carpeta, estos aparecen en el widget Menú como un menú desplegable. Una carpeta proporciona un menú desplegable que permite hacer clic en el nivel superior sin cambiar la página. Los usuarios interactúan con el menú situando el cursor encima o haciendo clic en el vínculo, lo que hace que se vuelva a navegar a las páginas de su experiencia.

Ajustes

El widget Menú incluye estos ajustes:

  • Tipo: defina la posición y apariencia del menú: horizontal, vertical o icono. El tipo icono contrae verticalmente el menú en una ventana modal en el lado izquierdo o derecho de la aplicación.
    • Modo de expansión de submenú: el submenú puede aparecer ante los usuarios finales como expandido o plegable. Este ajuste solo está disponible para tipos de menú vertical e icono y solo es evidente en su aplicación cuando contiene páginas o vínculos anidados.
  • Apariencia: defina la apariencia de los elementos de menú usando las siguientes opciones:
    • Estilo: elija un estilo de menú: predeterminado, subrayado y píldoras. Los colores de cada estilo se heredan del tema de su aplicación.
    • Espaciado: defina el espaciado en píxeles entre páginas incluidas en el menú.
    • Alineación: determine la colocación del texto en cada elemento de menú. Por ejemplo, si crea un menú horizontal y elije el estilo Subrayado, los nombres de página se alinean con la línea: el borde izquierdo o derecho o centrado entremedias.
    • Mostrar icono: muestra un icono para cada elemento de menú que identifica como página, vínculo o carpeta.
  • Avanzado: invalide el tema de su aplicación y especifique el fondo, el texto, el icono, los colores del borde, el tamaño y el estilo del menú.
    • Fondo: agregue un color de fondo al menú.
    • Estados: proporcione una representación visual para comunicar el estado del menú utilizando diferentes ajustes de texto y borde. Por ejemplo, ponga en negrita el texto, aumente el tamaño de fuente y utilice un color diferente de fondo y estilo de borde para el estado Seleccionado.
      • Regular: el estado predeterminado del menú sin interacción del usuario.
      • Mantener el puntero: el usuario inicia este estado señalando a un vínculo en el menú.
      • Seleccionado: una selección de usuario en el menú.
      Sugerencia:

      Para experimentar con estas opciones, haga clic en Vista en directo en la barra de herramientas del builder.