Cómo Configurar un Menú con Pestañas o Móvil¶

App Builder admite la capacidad de crear y usar un menú con pestañas o menú móvil para la navegación de aplicaciones en dispositivos móviles. El uso de un menú con pestañas o un menú móvil le permite mostrar una navegación con estilo de pestañas familiar para los usuarios móviles, lo que puede proporcionar una mejor experiencia de IU/UX. Este artículo le mostrará paso a paso la configuración básica para crear un menú con pestañas o un menú móvil en App Builder.

Paso 1: Crea un Menú con Pestañas o Móvil¶

En este primer paso, creará un menú con pestañas o móvil que utilizará la aplicación. En el segundo paso, crearemos una asociación con el menú de 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 Vincular 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 para 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