Skip to main content

Custom Widget

With the custom widget you can display a website, custom html code, or even a Google Form.

IMPORTANT

Using this widget requires advanced knowledge and understanding of how to utilize iFrame embedding and its limitations.

Please consult the Caveats and limitations section on Embedding external sites with URL type before proceeding

Properties > Widget > Main

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 can set the URL that you want to display.
    • You can also make it Interactive and display it Same origin website.

cu1.png

  • HTML Code type can 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

Properties > Widget > Other

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 which will show Additional Properties aka MORE.

  • The 'Custom Margin' switch allows you to set a custom sized margin to your widget.
  • Here you can add a 'Shadow' to your widget.
  • The 'Opacity' sliders, will change the transparency and round the edges of your widget.
  • The 'Mask' option will let you select a PNG image to affect the shape of your widget. See more specified information about: Masking.
  • You can also flip your widget horizontally, vertically, or both with the 'Flip' function.
  • The 'Click through' function allows you to click through the widget and interact with other widgets behind this one.
  • With 'Hide based on' data binder you can give a data from a datasource to the widget.
  • If the datarow of the device and the given data are not the same, the widget will not appear on the device.
  • With 'BG color' data binder you can give a background color for the widget from a Datasource.

more.png

Tutorials

Tutorial Video: Custom Widget

Tutorial YouTube Video: Custom Widget