Configuring Tab Bar and More Screen Navigation

Tab Bar and More Screen menus provide primary and secondary navigation within mobile applications. Menu customization creates branded navigation experiences aligned with organizational structure and member needs. This document explains how to configure navigation items, organize menu sections, customize icons and colors, and preview navigation changes.

Understanding Tab Bar and More Screen Navigation

Tab Bar navigation displays at the bottom of mobile screens, providing quick access to primary app sections. Up to four items can occupy Tab Bar positions, with the fifth position reserved for the More Menu. More Screen navigation contains secondary items accessed through the More Menu icon. Menu organization and icon selection create cohesive navigation experiences supporting member engagement and content discovery.

Accessing Menu Settings

Menu configuration occurs within the menu settings interface.

1. Vaya a Dashboard > MP App > Menus.
   
2. Verify the Tab Bar Menu tab is active.

3. Haga clic en el botón More Screen Menu tab to access secondary navigation.

Tab Bar and More Screen menus are configured independently with different organizational structures.

Clearing Existing Navigation Items

Starting with empty menus simplifies navigation reconfiguration.

Clearing Tab Bar Menu

1. Vaya a Dashboard > MP App > Menus.
   
2. Haga clic en el botón Menu Dropdown, then select Eliminar for every item.

3. Repeat until the Tab Bar Menu is empty.

Clearing existing items prevents conflicts during reconfiguration.

Clearing More Screen Menu

1. Haga clic en el botón More Screen Menu ficha.
   
2. Locate each existing menu item.
   
3. Haga clic en Eliminar next to each item.

4. Repeat until the More Screen Menu is empty.

Empty menus provide clean foundations for deliberate navigation structure.

Adding Items to Tab Bar Menu

Tab Bar items provide primary navigation to frequently accessed sections.

Adding Core App Screens

1. Vaya a Dashboard > MP App > Menus.
   
2. Localice el App Core section in the available items.
   
3. Encuentre Ajustes y haga clic en Añadir al menú.

4. Drag menu items to arrange display order.
   
5. Haga clic en el botón Guardar menú.

Settings should remain accessible for account management and app configuration.

Adding App Pages

1. Localice el App Pages section in available items.
   
2. Find the home or Members group App Page.
   
3. Check the checkbox next to the page name.
   
4. Haga clic en Añadir al menú.

5. Drag the item to the desired position in the menu order.
   
6. Haga clic en el botón Guardar menú.

App Pages provide custom content destinations for navigation items.

Adding Blog Access

1. Localice el MP App o App Core sección.
   
2. Encuentre Blog in the available items list.

3. Haga clic en Añadir al menú.
   
4. Drag the Blog to the desired Tab Bar position.
   
5. Haga clic en el botón Guardar menú.

Blog access supports content engagement and member retention.

Adding Items to the More Screen Menu

More Screen items provide secondary navigation to supplementary sections.

Adding Account Management Items

1. Vaya a Dashboard > MP App > Menus.
   
2. Haga clic en el botón More Screen Menu ficha.
   
3. Localice el MP App sección.
   
4. Encuentre Productos o Bookmark in the available items.

5. Haga clic en Añadir al menú.
6. Haga clic en Añadir al menú next to Settings.
7. Haga clic en el botón Guardar menú.

Account management items should remain easily accessible even in secondary navigation.

Creating Menu Sections

Sections organize More Screen items into logical groupings.

Adding Section Headers

1. Vaya a Dashboard > MP App > Menus.
   
2. Haga clic en el botón More Menu ficha.
   
3. Locate Seccionesy haga clic en Añadir sección above the menu items list.

4. Enter a section name in the Section Title campo.

5. Haga clic en Añadir sección to create the section.

Section headers appear as non-clickable labels in the More Menu.

Organizing Items Under Sections

1. Locate menu items to group under a section.
   
2. Drag items below the relevant section header.
   
3. Repeat for all items requiring section organization.
   
4. Haga clic en el botón Guardar menú.

Visual indentation indicates hierarchical relationships between sections and items.

Customizing Menu Item Icons

Icons provide visual navigation cues and brand consistency.

Selecting Tab Bar Item Icons

1. Vaya a Dashboard > MP App > Menus.
   
2. Locate a menu item requiring icon customization.
   
3. Click the dropdown arrow next to the item name.

4. Encuentra el Item Icon section in the expanded settings.
5. Click the icon box to open the Icon Selection Panel.

6. Browse available icons in the icon pack.

7. Click an icon to select it.
   
8. Haga clic en el botón Select Icon to apply the icon.
   
9. Haga clic en el botón Guardar menú.

Repeat this process for all Tab Bar items requiring custom icons.

Selecting More Screen Item Icons

1. Haga clic en el botón More Screen Menu ficha.
   
2. Locate a menu item requiring icon customization.
   
3. Click the dropdown arrow next to the item name.

4. Encuentra el Item Icon sección.
   
5. Click the icon box to open the Icon Selection Panel.

6. Select an appropriate icon.

7. Haga clic en el botón Select Icon.
   
8. Repeat for additional items.
   
9. Haga clic en el botón Guardar menú.

More Screen icons are optional, but they improve visual navigation clarity.

Customizing Menu Item Text

Menu item text provides navigation labels and accessibility support.

Editing Item Labels

1. Vaya a Dashboard > MP App > Menus.
   
2. Locate a menu item requiring label modification.
   
3. Click the dropdown arrow next to the item name.
   
4. Encuentra el Label campo.
   
5. Enter custom label text replacing the default.

6. Haga clic en el botón Guardar menú.

Custom labels clarify navigation purposes when default names are ambiguous.

Organizing Menu Item Order

Item order affects navigation accessibility and member workflow.

Arranging Tab Bar Items

1. Vaya a Dashboard > MP App > Menus.
   
2. Verify the Tab Bar Menu tab is active.
   
3. Click and drag menu items to reorder positions.
   
4. Place most frequently accessed items in leftmost positions.
   
5. Haga clic en el botón Guardar menú after arranging items.

Nota: Tab Bar position affects thumb reachability on mobile devices. Leftmost positions are most accessible for right-handed users.

Arranging More Screen Items

1. Haga clic en el botón More Screen Menu ficha.
   
2. Click and drag items to reorder within sections.
   
3. Drag sections to reorder section groupings.
   
4. Arrange items in logical or frequency-based order.
   
5. Haga clic en el botón Guardar menú.

More Screen order should reflect logical relationships or usage frequency.