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.
Related Articles
- How to Embed External Content
- How to Embed Password-Protected External Content
- Alternative Embedding Methods
Properties
Data
In the Data Menu, you can bind data from datasources.
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.
- Supports Quick Edit functionality for changing the URL without opening the full content editor.
- HTML Code type: Display HTML code that you write or paste into the text box. You can also make it Interactive.
- Does not support Quick Edit functionality.
- HTML File type: Display an HTML file that has been uploaded to the File manager. The HTML file picker offers HTML files only, and an external address cannot be entered here — use the URL type for that.
Learn more: Quick Editable Widgets
Size & Position
In the Size & Position Menu, you can select the width, height, and placement of your widget quickly.
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.
Effects
In the Effects Menu, you can select a background image or color for your widget.
Animation
In the Animation Menu, you can choose the Enter, Repeat, and Exit animations of your widget.
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.
