Navigation bar

Navigation bar

The navigation bar is a section of your Run portal that allows your end-user to easily navigate between pages and access their account information. The bar is located on the top of your run portal for convenient visibility, and can be customized to match your brand identity by incorporating your own logo, selecting the desired color scheme for the bar, text, and icons, and even adding extra items to the user menu.


Your logo & colors

You can add your company's logo by accessing the Run module and inserting the URL of your image in the Main Configuration section. This will apply your logo to the navigation bar and signup pages. For more advanced customization, you can set a distinct logo for your navigation bar or implement dynamic logos based on Run User Tags.

The color scheme for the bar, text, and icons can be configured in the Theme section of your Run. Discover more about Run Themes and their capabilities.
You can upload the image files for the logo on TagoIO's file storage service.

Implementing dynamic logos

Create a personalized experience for different Users groups or roles by displaying unique logos in the navigation bar with the help of the Tags System.

To implement dynamic logos, navigate to the Run module > Navigation Bar > Navigation Bar Logo and enable the 'Use dynamic logo' option. Upon activation, a new 'Tag Match' field will appear, allowing you to specify a tag Key that corresponds to the custom logo URL.



Your existing end-user tags will be displayed here. If you haven't created a tag containing your logo image URL, you can do so by accessing the User module and adding the appropriate tag to your end-users.



For users without a matching tag key, the logo specified in the 'Default Logo URL' field will be displayed, ensuring consistent branding across all user experiences. 

User menu

The user menu is available to signed-in users and work as a central hub for accessing their account settings, preferences, and signing out from the Run portal. Although, you can configure it to have additional items, ranging from simple text (such as a version number for your application) to incorporating external links or links to specific dashboards within your application.

To add new items to your user menu, navigate to your Run module and select the Navigation Bar tab.



You can customize the following options when adding a new item to your bar:
  1. Label: the name of the option that will be displayed for your end-users.
  2. Icon: choose the icon along with its color, which will be displayed next to the option.
  3. Type: determines the type of field the user will interact with.
  4. Alignment: choose the text alignment direction for the item.
  5. Visibility options (eye icon): allows you to restrict certain items to specific users using the Tag System associated with the Access Management feature.
Once you have configured your user menu and deployed your updated RUN, your users can see the menu items that they have permission to view when signed in.

 You can use a key from your Dictionary to replace the text for the Label. Read more about Using Dictionaries & Multi-language.



    • Related Articles

    • Run Theme

      You have the freedom to personalize the look and feel of the RUN interface, allowing you to craft your application using a unique color palette that resonates with your style. To get started, access the Run module and navigate to the Theme tab. The ...
    • Branding and Deploying Applications

      Use the Run module to deploy your own IoT Platform for your end-users. The options available in your RUN will depend on your current plan and the add-ons selected. Even the Free plan offers a great level of customization. 1. Deploying Your own ...
    • TagoRun

      The Run module allows you to create and deploy your solution using a customized logo, colors, URL, sign up page, e-mail messages, and more. Run works synchronized with the Access and User management modules. When you configure and deploy your ...
    • Sidebar

      The sidebar on the left side of your Run application is very important for end users to navigate between dashboards. You can create buttons for quick access, and not only to open dashboards but also to open other pages or even connect a new Wi-Fi ...