Video Widget

Video Widget

The Video widget provides the ability to present custom videos in your dashboard. You can use it to present a company or customer video, or anything else that helps the user to better visualize your application.

This widget works for both dashboards, Normal and Blueprint.

1. Video Behavior

Video behavior is where you get the video URL from, and it can be three types: static, conditional, and dynamic.

You can use the TagoIO's file system to store the video, and cache the public URL.

1.1. Static

It displays the video from a static URL.

1.2. Conditional

Create conditions, where each condition will have a video URL associated with it, and if the variable linked in the Data from field satisfies this condition, this video will be displayed.

1.3 Dynamic

This video URL comes from the variable data.


2. 'Data From' Field

The conditional and dynamic behavior has a Data from field to set the device and variable that will be used.

This field is dependent on the type of dashboard you are using; the difference is explained below.
2.1 'Data From' for Normal Dashboards

From the option 'Data From' on the right menu, select one device from your list of devices and the variable that contains the data.

2.2 'Data From' for Blueprint Dashboards

From the option 'Data From' on the right menu, add the Blueprint device and input the name of the variable that contains the information.

When using a Blueprint dashboard, the field Variable will not list variables to be picked because it doesn't know the devices linked to your Blueprint Device.

    • Related Articles

    • Compose Widget

      The compose widget allows you to add pins to different images and videos. You can manipulate the colors, values, and icons for each pin. This widget also accepts features like metadata and series, that can be set in your variable data. Creating your ...
    • Note Widget

      Note allows you to create a text to be viewed in your dashboard. It accepts a markdown formatted text, allowing you to use bold, italic and list tools.  Although you could use the Note Widget to add images to your dashboard, we highly recommend that ...
    • Widget Header

      The widget header enables you to add customized buttons in the header of your widget in order to improve the flow of your dashboard. The widget header is enabled for all widgets. You can configure it by selecting the Header tab in your widget ...
    • Pie Widget

      Using data from multiples variables, the Pie widget automatically produces a Pie Chart, where each slice represents variable data. This widget also accepts features like metadata, that can be set in your variable data. Creating your own To add it to ...
    • Custom Widget

      Custom Widgets are very versatile, allowing you to build whatever you need to suit your application’s needs. The widget can be built with plain web technologies like HTML, CSS, and JavaScript, but keep in mind that at least some JavaScript is needed ...