Text Widget Configuration (Layouts)

Overview of the Text Widget Configuration


Click to see full screen image.

 

Text Widget Overview

Purpose

The text widget is used to place permanent text on the layout. 

 

Use Design

Useful in layouts where persistent text is necessary, such as to label days of the week on the Weather Widget, set zone names for certain areas, and more.

 

Field and Button Descriptions

Name

A description of the widget. This is optional as it is only used in the widget dropdown section for a quick-glance understanding of the widget. For more information on the widget dropdown section, go here.

 

Text

Input the text you wish to appear in the text box here.

 

Font Settings

Font family
Choose from any of the currently available Google Fonts. For a full list, see Google Fonts.

Text color

Can be defined in plain text (red, blue, green), or by its HEX number. This number can be identified by selecting the exact color you want in a color picker such as the one provided by HTMLColorCodes.com here.

Font size
Set the font size by pixel, point, or Ems. You will need to specify the measurement unit when inputting the size. For example, 12px, 12pt, and 12em are completely different from each other. No unit applied will default to pixel count. To learn more about the difference between these, check W3's CSS page here.

 

Duration

If the text is too large for the widget container then setting a duration will allow it to scroll up and down through the container.

 

Widget Width and Height

Set the width and height in either pixels, or as a percentage of the screen. Pixels is good for exact placement when you know precisely the video output resolution the computer will use, while percentage is useful if using the same layout across multiple devices where different resolutions may be in place (i.e., one screen has 1080p and the other is 4k).

 

Save button

Save the widget settings. For final savings you'll still need to click any of the "Save" variants as shown in the Layout Configuration page.

 

Remove widget button
Deletes the widget completely. This is irreversible, so use with caution.