Template Design

Owned by Ramya Raman
Last updated: Mar 23, 2023
10 min read

If you choose to design a new customized template, add (+) the blank Layout template. Specify the layout template Name and Resolution. The below figure shows an illustration of designing your own Layout Editor. Choose the desired tile type(s) from the left and drag and drop them to the layout view. There is also a filter option to filter the Tile Type.

Arranging the boxes within the display is done manually (with the mouse), using the axis and dimension fields or the editing buttons described below. For multiple selections of the box types, use the Shift key.

Each box displays the Tile Types Name, Axis, and Dimension. Axis (X, Y) specifies the layout position where the box is placed. Dimension (W, H) sets the Width and Height of the chosen box type. The width and height can be set as desired. However, each Tile Types has a minimum Dimension by default. For a detailed visual representation of all the available box types, please refer to Tile Types.

 

This example uses eight boxes with different color categories, as discussed below.

  • Tile 1 : The light green color indicates it's a clock (E.g., Dark Analog Clock).

  • Tile 2 : The olive green color indicates it's a JPEG (E.g., JPEG Object).

  • Tile 3 :The purple color indicates Text Box (E.g., Scrolling Text Box).

  • Tile 4 : The blue color is the default color for audio and video boxes (E.g., 1A Minimal and Audio – Basic).

  • Tile 5 and 6 : The red color indicates that two or more boxes are overlapping and need to be fixed (E.g., 2A Clear Audio and static audio 2+2, UMD). Overlapping tile doesn’t allow to save the configuration.

  • Tile 7 : The yellow color indicates that the box is selected (E.g., 32A two rows).

In order to save this template adjust the overlapping tiles (in red) and click on save. The newly created template is available in the Template list.

The below short cuts keys are also available on the Layout Editor.

  • Select a box type, and pressing Shift + D keys duplicates the box type in the Layout Editor.

  • Press Ctrl+Z keys to undo the changes made for the box type in the Layout Editor.

  • Press Ctrl+Y keys to redo the changes made for the box type in the Layout Editor.

  • Press the Delete key to delete a box type in the Layout Editor.

Actions

Editing Actions

Description

Moves the tile up, down, left, and right.

 

Use multi-selection and align left, right, top or bottom.

 

Spacing : Even spread between the boxes horizontally; select boxes and use the increase and decrease signs to increase or decrease spaces between boxes.

 

Spacing : Even spread between the boxes vertically; select boxes and use the increase and decrease signs to increase or decrease spaces between boxes.

Align to 16:9 aspect ratio; select direction to keep current box height or width.

Align to 4:3 aspect ratio; select direction to keep current box height or width.

X and Y denotes the axis and W and H denotes the dimensions.

Copy a tile.

Undo and redo (Ctrl+Z and Ctrl+Y are also available).

Delete box (or select a box and use the Delete key on your keyboard).

 

Tile Types

Visual representation of all the tiles available for manual layout creation is discussed below.

#

Tile Type

Description

 

1

4 sided audio bars, channel name, and icons on top, min 312/200 pixels.

 

2

2 sided audio bars, no icons, channel name at the bottom – over the video, min 312/200 pixels.

 

3

4 cornered audio bars, channel name and icons on top, min 584/352 pixels.

 

4

1 audio bar and icons on the right, PCR histogram at the bottom, min 370/258 pixels.

 

5

4 audio bars and icons on the right, PCR histogram, and channel info at the top, min 500/340 pixels.

 

6

1 audio bar on the left, icons on the right, min 338/256 pixels.

 

7

Channel name only, min 200/120 pixels.

 

8

2 sided audio bars, channel name, and few icons on top, min 184/160 pixels.

 

9

Four cornered audio bars, channel name, and few icons on top, min 370/300 pixels.

 

10

2 sided audio bars, no icons, channel name on top, min 184/160 pixels.

 

11

32 audio channels in 2 rows on the right, channel name and icons, min 1900/520 pixels.

 

12

8 audio bars in 2 rows on right, channel name and icons, min 580/320 pixels.

 

13

8 audio bars horizontally on the right, channel name and icons, min 856/140 pixels.

 

14

32 sided audio channels over the video, channel name, and icons, min 1400/500 pixels.

 

15

32 audio channels below video channel name, and icons, min 1920/500 pixels.

 

16

28 audio channels below video channel name and icons, min 1920/500 pixels.

 

17

24 audio channels below video channel name and icons, min 1920/500 pixels.

 

18

1 audio bar on the left, no info, no loudness numeric values, min 110/72 pixels.

 

19

4 sided audio bars, channel name, and icons on the top, min 300/200 pixels.

 

20

4 sided audio bars, channel name on top, no icons, min 260/200 pixels.

 

21

Small image, horizontal audio bars, channel info on top, min 340/124 pixels.

 

22

4 cornered audio bars, full channel info on top, min 350/300 pixels.

 

23

4 sided audio bars, full channel info on top, min 300/200 pixels.

 

24

2 sided audio bars, channel name on top, no icons, no loudness numeric values, min 312/212 pixels.

 

25

4 sided audio bars, channel name on top, no icons, no loudness numeric values, min 230/130 pixels.

 

26

4 sided audio bars, full channel info on the top, min 312/200 pixels.

 

27

2 sided audio bars, channel name on the bottom, no icons, no loudness numeric values, min 150/90 pixels.

 

28

4 sided audio bars, small channel name on top, no icons, no loudness numeric values, min 230/130 pixels.

 

29

Channel name on top, no icons/events/audios, min 200/130 pixels.

 

30

2 sided audio bars, name below with black background, min 224/200 pixels.

 

31

2 sided audio bars, No border, min 224/200 pixels.

 

32

Basic audio bar, min 62/100 pixels.

 

33

Detailed audio bar, min 62/100 pixels.

 

34

2 sided dynamic audio bars, No border, UMD, min 224/200 pixels.

 

35

4 sided audio bars, channel name on bottom, no icons, no loudness numeric values, min 312/212 pixels.

 

36

2 audio bars on corners, channel name on bottom, no icons, no loudness numeric values, min 312/212 pixels.

 

37

8 sided audio bars, channel name and icons on top, min 374/256 pixels.

 

38

2 sided, 2 channels audio bars, No border, UMD, min 224/200 pixels.

 

39

2 sided, 4 channels audio bars, No border, UMD, min 224/200 pixels.

 

40

2 sided audio bars, 2 Large UMD below, no icons, no loudness numeric values, min 480/270 pixels.

 

41

Detailed audios bars (4 by 2), min 230/200 pixels.

 

42

2 sided audio bars, No border, Large UMD, min 224/200 pixels.

 

43

2 sided audio bars, name below with black background, SBS UMD, min 224/200 pixels.

 

44

2 sided audio bars, 2 Large UMD SBS, no icons, no loudness numeric values, thick border, min 320/270 pixels.

 

45

2 sided audio bars, 2 Large UMD top & bottom, no icons, no loudness numeric values, no border, min 320/270 pixels.

 

46

Alarms Only, min 200/200 pixels.

 

47

Alarms Only with Title, min 200/200 pixels.

 

48

Left video half, left-sided audio bars, name below, min 224/200 pixels.

 

49

Right video half, right-sided audio bars, name below, min 224/200 pixels.

 

50

2 sided 80% audio bars, channel name on bottom, no icons, no loudness numeric values, min 200/160 pixels.

 

51

2 sided, 4 channels audio bars (80% height), No border, Opaque UMD, min 200/160 pixels.

 

52

1 sided audio bars on the right, channel name on bottom, no icons, no loudness numeric values, min 150/90 pixels.

 

53

2 sided, 4 channels narrow audio bars, UMD, min 224/200 pixels.

 

54

2 sided audio bars, UMD, min 224/200 pixels.

 

55

2 sided audio bars, Large UMD, min 224/200 pixels.

 

56

4 sided audio bars, UMD, min 224/200 pixels.

 

57

Dark analog clock, min 200/200 pixels.

 

58

Light analog clock, min 200/200 pixels.

 

59

Black and white digital clock, min 200/80 pixels

 

60

Red digital clock, min 200/80 pixels.

 

61

Black and white digital clock – Capital letters only, min 200/80 pixels.

 

62

Red digital clock – Capital letters only, min 200/80 pixels.

 

63

Multi Line Text Box, min 50/20 pixels.

 

64

Single Line, Scrolling, Text Box, min 50/20 pixels.

 

65

JPEG Object, min 50/20 pixels.

Max 1920x1080. 24 bit color(no alfa) jpg

66

Vertical text box in clockwise direction.

67

Vertical text box in counter-clockwise direction.