Sidebar

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 device. 

You can customize your sidebar settings by accessing the Run module, and selecting the Sidebar tab.




It is possible to modify the appearance of your sidebar with your own color palette. Learn more about Run Themes.

Dashboard search bar and sorting options

The Dashboard Search feature enhances the end-user experience by providing a search functionality and sorting options for dashboards within the Run portal panel.


To enable the search bar, toggle the option "Enable dashboard search," and a new section will be added to the Run portal.

You can customize the search bar section label by entering the desired text. If left blank, the default label will be "Dashboards." Additionally, you can use a KEY defined in your dictionary to dynamically translate the text to your end-users' language. Learn more about Using Dictionaries & Multi-language.

Logo Button

You can define what happens when your end-user clicks on your logo or what message is displayed when the mouse is over.

1. Tooltip

To display a tooltip over your logo, you need to write a text in the field Button tooltip.



Notice that you can use a KEY defined in your Dictionary to display a text that will be substituted according to the languages available for your end-users.

2. Button Action

By default, when an end-user click on your logo, he will be redirected to your Run URL domain, but you can customize what happen after clicking on it. The actions can be the following:
  1. Open Dashboard: it will open the dashboard you select from a list of your current ones. The Run user must have access to this dashboard in order to visualize it; otherwise, nothing will happen. Read more about Access Management.

  2. Show iFrame: this button opens an external link inside the Run application, keep in mind the page must be embeddable.

  3. Show HTML file content: it opens a custom HTML file that can be displayed inside the portal (e.g hosted in Files).

  4. Open external link.

You can add buttons to your sidebar so you end-users can quickly navigate between dashboards, pages or scan a new Wi-Fi device.


Dashboards that are used as buttons are automatically hidden from the dashboard list on the sidebar. This makes the interface of your Run portal cleaner, avoiding the same dashboard from appearing twice in the list of dashboards and as a sidebar button.

1. Label

You can define the text that will be displayed under the icon.

2. Icon

Select an Icon from our list or add yours using an URL to your SVG file. You can also change the color that better fits your project style.

3. Action

When you create a new button, by default it will be disabled and won't be displayed in your Run portal. However, you can change what will happen when your end-user clicks on it. The actions available are the following:
  1. Disabled: remove the button from your Run application.

  2. Open dashboard: this will open the dashboard you select from a list of your current ones. The Run user must have access to this dashboard in order to visualize it; otherwise, nothing will happen. Read more about Access Management.

  3. Show iFrame: it opens an external link inside the Run application, keep in mind the page must be embeddable.

  4. Show HTML file content: it opens a custom HTML file that can be displayed inside the portal (e.g hosted in Files).

  5. Open external link.

  6. Open Setup Wi-Fi Device: initiate the process of connecting an Wi-Fi device. You must first activate this option by navigating to the Run module, selecting the Mobile Features tab, and then choosing the Setup Wi-Fi device option to activate it.

4. Platform

This option lets you select where to display the button: on Desktop, Mobile, or both. After you make a selection, the button will only be visible on the chosen platform(s). For example, if you access TagoRUN on your mobile device browser, TagoRUN will treat it as a mobile platform. 

5. Break line

You can customize the number of buttons per line. By clicking on the slider, you can either move the button to a new line or switch it off to place multiple buttons on the same line.
You can have up to three buttons arranged side by side.

6. Visibility Conditions

By default, every button you create will be displayed for all users; however, let's say you want to add a button called "Admin Settings" which should be available only for end-users with administrator access, you can do that by setting a visibility condition.


You can define who should see a button by clicking on the little eye icon and adding a new visibility condition using user Tags. Read more about configuring Tags for end-users.









    • 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 ...
    • Notifications for Users using Analysis

      The Analysis is always a powerful tool when it comes to TagoIO, and that does not change for Notifications. Here you will learn how to send a notification for your TagoRun users using Analysis, how to use buttons, and how to handle user decisions ...
    • 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 ...