Skip to main content

Text Widget

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

Properties​

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 color of the font.

  • You can also set Letter spacing and Shadow here.
  • Enabling Auto font size will calculate the font size according to the text box size.
  • Enabling Scrollable will allow you to scroll through your text in interactive contents.
  • You can also change the Vertical and Horizontal alignment of the text.
  • 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 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. 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.

  • With Hide based on, you can hide the widget based on data from a Datasource.
  • With BG color, you can give a background color for the widget from a Datasource.
  • The Font color data binder allows you to 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 (e.g., 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 to access Additional Properties (aka MORE).

Additional Options​

The following options are available:

  • Shadow: Adds a shadow to your widget.
  • Border: Adds a border to your widget.
  • Rounding: Changes the transparency and rounds the edges of your widget.
  • Opacity: Adjusts the transparency of your widget.
  • Mask: Lets you select a PNG image to affect the shape of your widget.
  • Flip: Allows you to flip your widget horizontally, vertically, or both.

t7.png

Last updated on