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. Navegue até Dashboard > MP App > Menus.
   
2. Verify the Tab Bar Menu tab is active.

3. Clique no botão 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. Navegue até Dashboard > MP App > Menus.
   
2. Clique no botão Menu Dropdown, then select Remover for every item.

3. Repeat until the Tab Bar Menu is empty.

Clearing existing items prevents conflicts during reconfiguration.

Clearing More Screen Menu

1. Clique no botão More Screen Menu guia.
   
2. Locate each existing menu item.
   
3. Clique em Remover 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. Navegue até Dashboard > MP App > Menus.
   
2. Localize o App Core section in the available items.
   
3. Localizar Configurações e clique em Adicionar ao menu.

4. Drag menu items to arrange display order.
   
5. Clique no botão Salvar menu.

Settings should remain accessible for account management and app configuration.

Adding App Pages

1. Localize o 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. Clique em Adicionar ao menu.

5. Drag the item to the desired position in the menu order.
   
6. Clique no botão Salvar menu.

App Pages provide custom content destinations for navigation items.

Adding Blog Access

1. Localize o MP App ou App Core seção.
   
2. Localizar Blog in the available items list.

3. Clique em Adicionar ao menu.
   
4. Drag the Blog to the desired Tab Bar position.
   
5. Clique no botão Salvar 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. Navegue até Dashboard > MP App > Menus.
   
2. Clique no botão More Screen Menu guia.
   
3. Localize o MP App seção.
   
4. Localizar Produtos ou Bookmark in the available items.

5. Clique em Adicionar ao menu.
6. Clique em Adicionar ao menu next to Settings.
7. Clique no botão Salvar 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. Navegue até Dashboard > MP App > Menus.
   
2. Clique no botão More Menu guia.
   
3. Locate Seçõese clique em Adicionar seção above the menu items list.

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

5. Clique em Adicionar seção 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. Clique no botão Salvar 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. Navegue até Dashboard > MP App > Menus.
   
2. Locate a menu item requiring icon customization.
   
3. Click the dropdown arrow next to the item name.

4. Encontre o 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. Clique no botão Select Icon to apply the icon.
   
9. Clique no botão Salvar menu.

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

Selecting More Screen Item Icons

1. Clique no botão More Screen Menu guia.
   
2. Locate a menu item requiring icon customization.
   
3. Click the dropdown arrow next to the item name.

4. Encontre o Item Icon seção.
   
5. Click the icon box to open the Icon Selection Panel.

6. Select an appropriate icon.

7. Clique no botão Select Icon.
   
8. Repeat for additional items.
   
9. Clique no botão Salvar 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. Navegue até Dashboard > MP App > Menus.
   
2. Locate a menu item requiring label modification.
   
3. Click the dropdown arrow next to the item name.
   
4. Encontre o Label campo.
   
5. Enter custom label text replacing the default.

6. Clique no botão Salvar 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. Navegue até 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. Clique no botão Salvar menu after arranging items.

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

Arranging More Screen Items

1. Clique no botão More Screen Menu guia.
   
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. Clique no botão Salvar menu.

More Screen order should reflect logical relationships or usage frequency.