Frame Settings

Frame Settings

The Frame Settings allows you to adjust the appearance of your widgets by customizing the corners, padding, and shadows, as well as toggling the widget's header visibility. These options are great for making your widgets integrate seamlessly with your dashboard's design and more.




To access the Frame Settings, go to the widget's configuration page and find the 'Frame Settings' section. There, you will discover a range of options to customize the appearance of your widget.



Currently, these settings are applied to TagoIO web applications, we're working to extend this functionality to mobile platforms.

Customizing Rounded Corners

The 'Rounded Corners' option allows you to soften the edges of your widgets, giving them a more rounded appearance. You can adjust the radius of all corners simultaneously or modify each corner individually by toggling the lock icon button.

Adjusting Frame Padding

'Frame Padding' controls the space around the widget's frame. By adjusting the padding values, you can position your widgets closer together or further apart. Similar to corner customization, you can set padding for all sides at once or adjust each side separately using the lock icon button.

Disabling Widget Shadow

If you prefer a flat design or plan to combine widgets, you can disable the shadow effect by enabling the 'Disable Shadow' option. This will remove the shadow from the widget, providing a cleaner look.

Header Visibility

By default, Widget’s headers are “show always”, but you can change this behavior to something that better suits your dashboard's design, for instance showing only on hover to save space without losing the ability to use header buttons.  You can select between the following options:

  1. Show on hover: It will make the header (including the buttons) appear only when the user hovers the mouse to the top part of the widget.
  2. Show only buttons: It will only display the configured header buttons and options menu, like the export functionality for users in TagoRUN or the edit options on Admin, without any header background or title.


    • Related Articles

    • LoRaWAN Publication of Environmental Measurements with a LoRa-E5 Module

      This tutorial explains how to implement a LoRaWAN publication on The Things Network (TTN) with a TagoIO integration using a MicroPython driver for a Grove LoRa-E5 module. it was originally posted on ...

    • Embedding Widgets to your website

      Embedded widgets are a powerful feature if you want an easy way to display your data from Tago in another application. By generating the embedding code on a widget, you can add it to your website, or any other application. Below is a simple example ...

    • Usage Policy

      When executing API requests to TagoIO by posting (data input) or to getting (data output) data, your account may face a limit policy based on the limits defined by you in the My Billing settings. The limits are based on the number of transactions ...

    • Resetting My Password

      On the signup page, click on the Forgot your password? link and enter your email, and we'll send you instructions to reset your password. Want to change your password? To change your existing password, go to My Account, select the tab 'Account ...

    • Deleting Your Account

      If you need to cancel your account, go to 'Account Settings' by accessing My Account. Then, within the tab 'More', you will find the 'delete my account' button. We will delete your account, including all your profiles, and then we will confirm by ...