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

    • Formula

      The Formula feature enables users to modify the visualization of data in specific widgets. Located inside the configuration tab of most widgets, the Formula can be applied to all fields of a stored register, including variable, value, unit, series, ...

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

    • Everynet LoRaWAN

      This tutorial provides a step-by-step guide to integrate Everynet LoRaWAN with the TagoIO Platform. By following these instructions, you will enable uplink and downlink operations, allowing data exchange between your LoRaWAN devices and the TagoIO ...

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