Skip to main content

Text Widget

Text widget allows you to add text based information into your content.

Properties >> Widget >> Main

Text

In the Text Box you can type the text that you want to display on the canvas.

t1.png

Size & Position

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

size-position.png

Font

In the Font Menu you can set the size, family, style, and the color of the font.
You can also set 'Letter spacing' and 'Shadow' to your widget here.
Enabling 'Auto font size' will calculate font size according to text box size.
Enabling 'Scrollable' will allow you to scroll through your text in interactive contents.
'Vertical' and 'Horizontal' alignment of the text can be changed in this menu too.
'No Line Break' is useful for data binding by allowing your text to remain on one line and not wrap.

t2.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.

t3.png

Animation

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

i4.png

Bind to data

You can use the 'Bind to data' tool to select your Datasource.
'Hide based on' - you can hide the widget based on data from a Datasource.
'BG color' - you can give a background color for the widget from a Datasource.
With 'Font color' data binder you can give a color for the text in the widget from a Datasource.

If the data row of the device and the given data are not the same, the widget will not appear on the device.

t4.png

Translation

In the Translation Menu if the language of the content is altered, for instance through a sensor or touch event, the value of the widget may also change.

t5.png

Interaction

In the Interaction Menu you can choose a 'Click type' interaction and 'Touch sound' for your widget.

t6.png

Additional Properties

Under the Interaction Menu you can click on the three dots which will show Additional Properties aka MORE.

Here you can add a 'Shadow' and 'Border' to your widget.
The 'Rounding' and '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.
You can also 'Flip' your widget horizontally, vertically, or both with the flip function.

t7.png

Tutorials

Tutorial YouTube Video: Text Widget