Skip to main content

Custom Widget

With the Custom widget, you can display a website, custom HTML code, or even a Google Form. Using this widget requires a solid understanding of iFrame embedding and its limitations, as many options are restricted for security reasons. Before proceeding, check the Related articles for your specific use-case.

Properties

Data

In the Data Menu, you can bind data from datasources.

cu5.png

Text

In the Text Menu, you can choose your Content type:

  • URL type: Set the URL that you want to display. You can also make it Interactive and display it from a Same origin website.

cu1.png

  • HTML Code type: Display HTML code that you write or paste into the text box. You can also make it Interactive.

cu2.png

Size & Position

In the Size & Position Menu, you can select the width, height, and placement of your widget quickly.

size-position.png

Proof of Play

Proof of play is a reporting system that allows you to gain reports about used assets. If you turn on widget statistics, you can report information about the displayed duration, number of displays, and interaction events of this widget.

proofofplay.jpg

Effects

In the Effects Menu, you can select a background image or color for your widget.

cu3.png

Animation

In the Animation Menu, you can choose the Enter, Repeat, and Exit animations of your widget.

cu4.png

Additional Properties

Under the Jump Menu, you can click on the three dots to access Additional Properties (aka MORE).

Custom Margin

Allows you to set a custom-sized margin to your widget.

Shadow

Adds a shadow to your widget.

Opacity

Changes the transparency and rounds the edges of your widget.

Mask

Lets you select a PNG image to affect the shape of your widget. Learn more: Masking.

Flip

Allows you to flip your widget horizontally, vertically, or both.

Click Through

Enables clicking through the widget to interact with other widgets behind it.

Hide Based On

Hides the widget based on data from a Datasource. If the datarow of the device and the given data are not the same, the widget will not appear on the device.

Background Color (BG Color)

Sets a background color for the widget from a Datasource.

more.png

Tutorials

Tutorial Video: Custom Widget

Tutorial YouTube Video: Custom Widget