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.

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 to appear twice in the list of dashboards and as a sidebar button.

1. Text

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

2. Icon & Color

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 of the button

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 

4. Position & Order

You can customize how many buttons should be placed per line and the order they should be displayed. Under the option Position you can click on the slider Add it in a new line to place the button in a new line or switch off to place the buttons in the same line, you can have up to three buttons side by side.

5. 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 can customize the appearance of RUN and build up your application with your own color palette. 1. Signup page On the Signup page, you can modify colors, background, and the logo that is displayed. It is also possible to have the background as an ...

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

        Take a look at our updated roadmap here!
          What would you like to see on TagoIO?

            Future and past Webinars