.png){kind=logo}
Navigation: Building Your Apps & Site Menu
The Navigation Menu controls which pages appear in your website or app's main navigation bar.
Each menu item can display content from one of your categories, open a built-in page, or link to an external destination.
Menu items appear in the same order they are listed in the Navigation Menu.
Drag and drop items to reorder them.
Table of Contents
Menu Fields
Go to Platform → Navigation and click Add Menu Item to create each page you want to appear in your menu.
Each navigation item includes the following fields:
- Label — The name displayed in the navigation menu. Changing the label does not affect the category or page itself.
- Type — Determines what kind of page this menu item opens.
-
Link / Category — For category-based pages, select the category to display.
For web pages or email links, enter the destination URL or email address.
- Icon — The active (selected) icon displayed in the navigation. Recommended size: 48 × 48 px.
-
Inactive Icon — The unselected icon, primarily used in mobile and TV apps. Recommended size: 48 × 48 px.
** Icons are only available on the apps and won't show up on the site.
Navigation Item Types
Category Layouts
These layouts display content from one of your categories.
Dynamic Rows (Netflix Look)
Displays each direct sub-category as its own horizontal content row.
The layout of each row (slider, carousel, gallery, and more) is controlled by the View Type configured in the Category itself.
If you want full control over these row styles, see the Advanced View Types tutorial.
This is the recommended layout for most homepages.
Additional Options
The following options are available only when the navigation item type is set to Dynamic Rows (Netflix Look).
- Continue Watching — Adds a Continue Watching row showing videos the user has started but not yet finished.
-
Show Talent — Adds a row displaying people associated with your content.
Choose whether to display Speakers, Cast & Crew, or Artists.
2 Columns
Shows all sub-categories/ videos in a multi-column layout:
- 2 columns → mobile
- 3 columns → tablet
- 4 columns → desktop & TV
(The top banner image/title is only available on the Bamboo site)
Special Pages
These navigation types open built-in platform features or external destinations.
Channels
Displays a grid containing all of your linear and live channels.
Full TV Guide
Displays a video player together with the complete Electronic Program Guide (EPG) for all channels.
In-App Web Page
Displays a webpage inside your Bamboo Site and inside mobile apps.
(Not supported on TV apps.)
You must enter a full URL in the Link field.
External Web Page
Opens a web page in the device's default browser. Enter the full URL, including https:// .
Send Email
Opens the user's default email client with a pre-filled recipient. Enter the destination email address.
My Purchases
Shows all purchases for the logged-in user, including expiration timers and quick-access links.
My List & History
Displays the user's saved items (My List) and recently watched content (History).
Menu Settings
- Show Search in Menu — Adds or removes the built-in Search option from the navigation menu.
- Show User Settings — Adds or removes the built-in User Settings option from the navigation menu.
- Copyright Text — Custom copyright text displayed in the website footer and app navigation menu.
Notes
- The first navigation item is typically used as the homepage.
- Menu items appear in the order shown in the Navigation Menu.
- Category-based navigation items require a category to be selected.
- Changes take effect after saving the configuration.
💡 Bamboo Pro Tip:
Before you can start building your navigation menu, you must first build your category tree.
Your menu depends on your categories — without categories to organize your content, you can't create pages.
Create your category structure first, then build your navigation menu.
📌 Tip: Preview All View Types
To see real examples of every view type and UI element, visit:
https://yourdomain.com/color-reference
Example: https://demo.bamboo-cloud.com/color-reference
This page shows how layouts, row styles, and card styles look across platforms.
