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

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

Paso 1: Cree 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 al menú desde nuestra aplicación.

1. Navegue hasta 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. Asigne un Nombre para la pestaña de navegación. Por ejemplo: Inicio
6. Si la pestaña debe enlace a una página, establezca el valor Enlace 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 Guardar. Continúe hasta completar el menú.

Paso 2: Asociar el Menú con Pestañas o Móvil con la Aplicación¶

1. Navegue hasta App Workbench
2. Haga clic en Más > Edge Case
3. Haga clic en la pestaña Regiones - Controles
4. Configure 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.