Saltar al contenido

Cómo crear un menú en Jitterbit App Builder

Los menús son la principal forma de navegar por las aplicaciones. Permiten acceder a páginas específicas agrupándolas y enumerándolas en un formato fácil de entender y usar. Algunos se configuran automáticamente al crear una aplicación. Otros menús deben configurarse manualmente. Esta página describe el proceso de creación y configuración de un nuevo menú en App Builder.

Menús predeterminados

Por defecto, cada aplicación nueva tiene estos menús:

  • Página de inicio es el menú de inicio predeterminado de la aplicación.

  • Menú de la aplicación es el menú visible en la barra de herramientas de la aplicación.

  • Móvil define los menús visibles solo en dispositivos móviles.

Puedes crear tus propios menús.#create-a-menu) así como cambiar cuáles se muestran en tu aplicación.

Crear un menú

Para crear un menú, siga estos pasos:

  1. Seleccione App Workbench > Capa de interfaz de usuario - Menú. Se abre el panel Menús.

  2. El panel Menús muestra los menús existentes. El panel Diagrama de menú ilustra la estructura del menú seleccionado, incluyendo los submenús y sus elementos.

  3. Haga clic en el botón + Menú en el panel Menú.

  4. Introduzca la siguiente información:

    crear un menú

    1. Nombre: Un nombre para el nuevo menú. Este es el único campo obligatorio.

    2. Ancho: Un valor fijo de ancho para el nuevo menú.

    3. Temas de los elementos del menú: Si usa temas, seleccione una opción aquí para aplicar estilo a los elementos del menú.

    4. Regla de origen: Seleccione una regla de origen subyacente).

    5. Público: Habilite esta opción para que el menú se pueda usar en otra aplicación.

  5. Haga clic en el botón Guardar. Ahora puede interactuar con el panel Elementos del menú para agregar elementos a su menú recién creado (consulte Agregar elementos del menú#add-menu-items) para saber más).

Al crear una nueva aplicación, App Builder configura automáticamente un menú llamado Página de inicio como menú principal y otro llamado Menú de la aplicación, que se muestra a la derecha de la barra de herramientas superior, visible en todas las páginas. Puedes cambiar la configuración de visibilidad, como seleccionar tus propios menús para cumplir estas funciones, siguiendo estos pasos:

  1. Vaya a Banco de trabajo de aplicaciones.

  2. Haga clic en la pestaña Configuración de la aplicación.

  3. En el panel Configuración de la aplicación, haga clic en Más > Caso límite.

  4. Seleccione la pestaña Regiones - Controles:

    menú de la aplicación

    1. En Menú de la aplicación, seleccione el menú que aparecerá a la derecha de la barra de herramientas superior. El menú predeterminado es el del mismo nombre.

    2. En Página de inicio, seleccione la página de inicio. El menú predeterminado es Inicio.

    3. En Menú móvil, seleccione el menú que verán los usuarios en dispositivos móviles. El menú predeterminado es Móvil.

    4. En Menú del sistema, seleccione el menú que aparecerá a la izquierda de la barra de herramientas superior. No hay ninguno por defecto.

      Nota

      En el menú desplegable, hay una opción creada por el sistema llamada Menú del Sistema. Al seleccionarla, se muestran iconos con ajustes útiles como auditoría, perfil de usuario, idiomas, etc. Sin embargo, todos estos ajustes también están disponibles en el Menú de hamburguesa a la derecha de la barra de herramientas superior.

Agregar elementos del menú

Para añadir elementos a un menú, búsquelo accediendo a App Workbench > Capa de interfaz de usuario - Menú y búsquelo en el panel Menús.

Una vez que haya encontrado el menú al que desea agregar elementos, puede hacer clic en el icono icono, o haga doble clic en su fila o en su nombre en el panel Diagrama de menú para ver un desglose de sus elementos.

El panel Elementos de menú mostrará todos los elementos existentes en ese menú. Para añadir un nuevo elemento, haga clic en el botón + Elemento de menú y se abrirá el cuadro de diálogo Elemento de menú, con las siguientes pestañas:

  • Configuración: En esta pestaña, están disponibles los siguientes campos:

    • Tipos de controles de menú: Seleccione Elemento de menú si está agregando una opción a un menú o Menú anidado si está creando un nuevo submenú.

    • Menú principal: Seleccione el menú principal del elemento que está creando.

    • Posición: Ingrese un número para definir el orden de visualización de este elemento.

    • Nombre: Ingrese el nombre del nuevo elemento.

    • Enlace a página: Utilice el menú desplegable para seleccionar a cuál de las páginas de su aplicación debe enlace este elemento.

Opciones de enlace: En esta pestaña, está disponible el campo Enlace externo. Úselo si desea que el elemento se enlace a un recurso web externo. La URL introducida debe comenzar con https:// o http://.

  • Opciones de visualización: En esta pestaña, están disponibles los siguientes campos:

    • Etiqueta: Define una etiqueta que aparecerá en el menú.

    • Etiqueta de información sobre herramientas: Define el texto de información sobre herramientas que aparecerá cuando un usuario pase el cursor sobre el elemento.

    • Imagen: Utilice el menú desplegable para seleccionar una imagen para asociarla con el artículo.

    • Ícono: Utilice el menú desplegable para seleccionar un ícono para asociarlo con el elemento.

    • Visibilidad de la etiqueta: Seleccione si la etiqueta debe ser Visible u Oculta en la aplicación.

    • Tema: Si usas temas, seleccione una opción para aplicar estilo al elemento.

    • Activo: Esta casilla determina si el elemento se mostrará en el menú (activado por defecto).

Haga clic en Guardar para confirmar la configuración y guardar el nuevo elemento.