Illustration

Basic widgets

Each element within the template – text, images, videos, etc. – is called a widget. These widgets hold content and can be positioned and scaled accordingly. We differentiate between the basic widgets, which mostly display static content, and custom widgets that are used for dynamic content.

To add a new widget, press the add widget button on the right-hand side in the template:

mceclip0.png

Let’s have a look at the basic types of widgets that can be added:

mceclip1.png Text
Any text that is added to the template. It can be stylized and customized like a regular text editor.
mceclip2.png Image
Upload any image to the template, it will also be stored in the media library. These can also be used as a pattern by repeating the image vertically, horizontally, or both.
mceclip3.png Video
Upload any video to the template, it will also be stored in the media library.
mceclip4.png YouTube
Use a YouTube link, this can be the full URL or just using the shortcode.
mceclip5.png Vimeo
Use a Vimeo link, this can be the full URL or just using the shortcode.
mceclip6.png iFrame¹²³
Use a custom URL that is being shown. Note that all elements on the webpage will be shown, including any cookies or other pop-ups on the page.
mceclip7.png HTML¹
Write custom HTML code that is displayed.

¹ webOS devices have a limited support for browser features, this includes some modern CSS and JS properties. Keep this in mind while planning content.
Please refer to CanIUse.com for a complete index of features and browser support.

webOS Signage Browser Engine
webOS Signage 6.0 Chrome 79
webOS Signage 4.x Chrome 53
webOS Signage 3.x Chrome 38

² When using an iFrame, keep in mind that some websites prevent embedding. Those websites cannot be displayed within the GoBright View Portal and/or devices.

³ It is not possible to show websites that need a log in.

Playing more than one video at a time is not supported. We advise planning all videos within one zone to prevent multiple videos playing at once.

Widgets can either be selected by selecting them in the template editor by mouse or by clicking the name of the widget on the right-hand side of the template. Let’s first select a widget to be able to drag or scale it:

mceclip8.png The unselected widget indicated by the grey striped outline

mceclip9.png The selected widget indicated by the blue striped outline and pointed cursor

When selected, more details and options become available.

Settings

The name of the widget can be set by clicking on it

Clicking the duration opens a popup with some options.

mceclip4.png

mceclip6.png

The scaling determines how the widget will be displayed within its layer. Each widget comes with this on its recommended setting but can always be changed according to your needs.

The duration can be set to Fixed time (recommended) or controlled by widget*. When a widget has multiple pages (the News widget, for example) then this setting determines the duration of each page.

Animations can also be set. These default to none or fadeIn/fadeOut.

*Only use ‘Controlled by widget’ for a video or ticker widget.

Basic tab

Each widget has its own options. You can find and set these within the Basic tab.

mceclip2.png

Each widget has its own basic settings.

Layer tab

There are two ways to position and scale each widget, using the mouse or by entering the specific amount within the layer tab.

mceclip3.png

mceclip0.png

Using the X and Y fields, we can position the widget horizontally and vertically. The width and height fields decide the size of the widget.

Switching to percentages allows to use percentages (of the screen) instead of pixels. This way a widget can easily set full screen by setting:

X: 0% Width: 100%
Y: 0% Height: 100%

The rotation field rotates the widget to a specific angle.

Padding creates space between the content of the widget and the widget itself. Fill in an amount of pixels (the size) and then select the sides you want the padding applied to using the buttons.

More settings

There are more options to further customize the widget. This includes the playing mode, borders, shadow and background settings.

mceclip1.png

The play mode can either be set to Loop or Once.

A border can be applied. Set a width (thickness), choose the side(s), set the color and radius.

Use one of the shadow options to let the widget pop.

The background can be set to a color, gradient or image.

These options can be applied to any widget.

Now you know all about the basic (default) widgets. Please continue learning about Custom Widgets.

This article comes from the Help Center of GoBright.
View original article
FAQ

Ask us anything! Find the answers to the most frequently asked questions here.

Browse the FAQ
Help center

A goldmine for all IT and Facility Managers. Dive into the technical stuff concerning our products and solutions.

Visit the help center
Newsletter

Wanna stay informed of all developments within the smart office and our new features? Subscribe now.

Subscribe now.