Skip to main content

Shape Widget

Shape widget allows you to create several types of shapes in your content.

sw1.png

Properties >> Widget >> Main

Shape

In the Shape Menu you can select the type of your shape.
You can set the width from 3 to 150 pixels of the line of your shape and the style of it.
You can also set the stroke color here.

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

Properties >> Widget >> Other

Effects

In the Effects Menu you can select a background image or color to your widget.
Enabling the 'Click through' function allows you to click through the widget and interact with other widgets behind this one.
sh2.png

Animation

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

i4.png

Interaction

In the Interaction Menu you can choose a 'Click type' interaction and 'Touch sound' for your widget. sh3.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: Shape Widget

Tutorial YouTube Video: Shape Widget