Skip to main content

Input Widget

Properties >> Widget >> Main​

Button​

  • With the Input widget you can create an interactive field to collect data.

  • In the Button Menu you can set your button group and name your event.

    • It is not necessary to fill in the Event name.

img.png

Keyboard​

  • The Keyboard Menu allows you to configure the keyboard to always appear when the input is active, regardless of the platform.

  • In the Layout section, you can choose between three options: QWERTY, Numeric, or Email.

  • The Auto open feature lets you activate automatic keyboard opening when the input field becomes visible.

  • By turning on Customize dimensions, you can set custom values for the keyboard's width, height, and position (top and left).

img_1.png

Size & Position​

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

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

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

img_4.png

Behaviour​

  • If you turn on Read only you will not be able to write to the input field. Only external events (like sensor events) can write into the field.

  • By enabling Touch Actions you can set up your own rules. They can range from interacting with other widgets to calling APIs or navigating to other pages.

imp7.png

Animation​

In the Animation Menu you can choose the enter and exit animation of your widget.

img_6.png

Additional Properties​

Under the Animation Menu you can click on the three dots which will show Additional Properties.‍

img_7.png

  • The Custom Margin switch allows you to set a custom sized margin to your widget.

  • 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. See more 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.

Last updated on