Layout Template Designs

Owned by Eitan Dvir
Last updated: Apr 22, 2023 by Ramya Raman (Unlicensed)
10 min read


If you choose to design a new customized template, please click on the blank Layout Editor template. 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. Arranging the boxes within the display is done manually (with the mouse), using the axis and dimension fields or the editing buttons. For multiple selections of the tile types, use the Shift key.


Each box displays the Tile Types Name, Axis, and Dimension. Axis (X, Y) specifies the position of the layout where the box is placed. Dimension (W, H) sets the Width and Height of the chosen tile 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 tile types, please refer to Tile Types.




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

  • The light green color indicates it's a clock (E.g., Dark Analog Clock).
  • The olive green color indicates it's a JPEG (E.g., JPEG Object).
  • The blue color is the default color for audio and video boxes (E.g., 1A Minimal and Audio – Basic).
  • The purple color indicates Text Box (E.g., Scrolling Text Box).
  • The yellow color indicates that the box is selected (E.g., 32A two rows).
  • 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).

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

  • Select a tile type, and pressing Shift + D keys duplicates the tile type in the Layout Editor.
  • Press Ctrl+Z keys to undo the changes made for the tile type in the Layout Editor.
  • Press Ctrl+Y keys to redo the changes made for the tile type in the Layout Editor.
  • Press the Delete key to delete a tile type in the Layout Editor.


At the top left, the Layout Editor has the following editing buttons.


Editing ButtonsDescription

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.

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

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

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

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 boxes available for manual layout creation is discussed below.

#Tile TypeDescription


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.

** Available from version 6.0.2.

67

Vertical text box in counter-clockwise direction.

** Available from version 6.0.2.