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 wider, press the add widget button on the right-hand side in the template:

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

		Text Any text that is added to the template. It can be stylized and customized like a regular text editor.
		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.
		Video⁴ Upload any video to the template, it will also be stored in the media library.
		YouTube⁴ Use a YouTube link, this can be the full URL or just using the shortcode.
		Vimeo⁴ Use a Vimeo link, this can be the full URL or just using the shortcode.
		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.
		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.

² 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 advice to plan all videos within one zone to prevent multiple videos playing at once. 

Positioning & scaling

There are two ways to position and scale each widget, using the mouse or by entering the specific amount within the layer tab. Let's first select a widget to be able to drag or scale it:

 The unselected widget indicated by the grey striped outline

 The selected wider indicated by the blue striped outline and pointed cursor

Widgets can be either selected by selecting them with the mouse or by clicking the name on the right-hand side of the template. When selected, more details and options become available. Let's look at the layer tab of the widget:

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, The rotation field rotates the widget to a specific angle.

Advanced Styling

There are more styling options within the styling tab to further customize widgets. This includes borders, custom background, and adding padding options, which is mostly useful for text widgets.

Padding Set the padding size on a specific side or all sides by using the buttons below the input field. Border Set the border width, style, radius, and decide on which sides have a border and their color. Background Like the template background, each widget can also have a custom background. This can be a gradient or an image as well.

These options can be applied to any widget.