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. Naviguez jusqu'à Dashboard > MP App > Menus.
   
2. Verify the Tab Bar Menu tab is active.

3. Cliquez sur le bouton 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. Naviguez jusqu'à Dashboard > MP App > Menus.
   
2. Cliquez sur le bouton Menu Dropdown, then select Retirer for every item.

3. Repeat until the Tab Bar Menu is empty.

Clearing existing items prevents conflicts during reconfiguration.

Clearing More Screen Menu

1. Cliquez sur le bouton More Screen Menu tabulation.
   
2. Locate each existing menu item.
   
3. Cliquez sur Retirer 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. Naviguez jusqu'à Dashboard > MP App > Menus.
   
2. Localiser le App Core section in the available items.
   
3. Trouver Paramètres et cliquez sur Ajouter au menu.

4. Drag menu items to arrange display order.
   
5. Cliquez sur le bouton Sauvegarder le menu.

Settings should remain accessible for account management and app configuration.

Adding App Pages

1. Localiser le 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. Cliquez sur Ajouter au menu.

5. Drag the item to the desired position in the menu order.
   
6. Cliquez sur le bouton Sauvegarder le menu.

App Pages provide custom content destinations for navigation items.

Adding Blog Access

1. Localiser le MP App ou App Core section.
   
2. Trouver Blog in the available items list.

3. Cliquez sur Ajouter au menu.
   
4. Drag the Blog to the desired Tab Bar position.
   
5. Cliquez sur le bouton Sauvegarder le menu.

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. Naviguez jusqu'à Dashboard > MP App > Menus.
   
2. Cliquez sur le bouton More Screen Menu tabulation.
   
3. Localiser le MP App section.
   
4. Trouver Produits ou Bookmark in the available items.

5. Cliquez sur Ajouter au menu.
6. Cliquez sur Ajouter au menu next to Settings.
7. Cliquez sur le bouton Sauvegarder le menu.

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. Naviguez jusqu'à Dashboard > MP App > Menus.
   
2. Cliquez sur le bouton More Menu tabulation.
   
3. Locate Sectionset cliquez sur Ajouter une section above the menu items list.

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

5. Cliquez sur Ajouter une section 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. Cliquez sur le bouton Sauvegarder le menu.

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. Naviguez jusqu'à Dashboard > MP App > Menus.
   
2. Locate a menu item requiring icon customization.
   
3. Click the dropdown arrow next to the item name.

4. Trouver le 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. Cliquez sur le bouton Select Icon to apply the icon.
   
9. Cliquez sur le bouton Sauvegarder le menu.

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

Selecting More Screen Item Icons

1. Cliquez sur le bouton More Screen Menu tabulation.
   
2. Locate a menu item requiring icon customization.
   
3. Click the dropdown arrow next to the item name.

4. Trouver le Item Icon section.
   
5. Click the icon box to open the Icon Selection Panel.

6. Select an appropriate icon.

7. Cliquez sur le bouton Select Icon.
   
8. Repeat for additional items.
   
9. Cliquez sur le bouton Sauvegarder le menu.

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. Naviguez jusqu'à Dashboard > MP App > Menus.
   
2. Locate a menu item requiring label modification.
   
3. Click the dropdown arrow next to the item name.
   
4. Trouver le Label domaine.
   
5. Enter custom label text replacing the default.

6. Cliquez sur le bouton Sauvegarder le menu.

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. Naviguez jusqu'à 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. Cliquez sur le bouton Sauvegarder le menu after arranging items.

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

Arranging More Screen Items

1. Cliquez sur le bouton More Screen Menu tabulation.
   
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. Cliquez sur le bouton Sauvegarder le menu.

More Screen order should reflect logical relationships or usage frequency.