Saltar al contenido

¡Transforma tus conexiones en dinero para el final del año con nuestro nuevo Programa de Indicación de Clientes! Descubre más

Esta documentación es para la versión 4 y posteriores de App Builder, el nuevo nombre de Vinyl. Accede a la documentación de Vinyl aquí.

Cómo configurar un menú con pestañas o móvil en Jitterbit App Builder

App Builder permite crear y usar un Menú con pestañas o Menú móvil para la navegación de apps en dispositivos móviles. Usar un Menú con pestañas o Menú móvil permite mostrar una navegación con pestañas habitual para los usuarios móviles, lo que mejora la experiencia de usuario (UI/UX). Este artículo explica paso a paso la configuración básica para crear un Menú con pestañas o Menú móvil en App Builder.

mobilemenu.png

Paso 1: Crea un menú con pestañas o móvil

En este primer paso, crearás un menú con pestañas o móvil que usará la aplicación. En el segundo paso, crearemos una asociación con el menú desde nuestra aplicación.

  1. Vaya al App Workbench
  2. Haga clic en Menú
  3. Haga clic en el ícono de edición lápiz para la entrada Móvil
  4. Haga clic en el botón + Elemento de menú
  5. Asigna un Nombre a la pestaña de navegación. Por ejemplo: Inicio
  6. Si la pestaña debe enlace a una página, configure el valor Enlazar a página. Por ejemplo: Detalle del pedido
  7. Revise las configuraciones adicionales y determine si desea especificar la Etiqueta, una Etiqueta de información sobre herramientas, una Imagen, un Icono, etc.
  8. Haga clic en Guardar
  9. Haga clic en el botón + Elemento de menú
  10. Configure la información de la siguiente pestaña y Guarde. Continúe hasta completar el menú.

Paso 2: Asociar el menú con pestañas o móvil con la aplicación

  1. Vaya al App Workbench
  2. Haga clic en Más > Caso extremo
  3. Haga clic en la pestaña Regiones - Controles
  4. Establezca el Menú móvil en el Menú móvil creado en el Paso 1
  5. Pruebe la aplicación desde un dispositivo móvil para confirmar la actualización