Multiscreen widgets in Elementi 3.x

This page is related to Elementi 3.x Library & Multiscreen content pages.

Introduction

The two widgets described below have been designed to help creating multiscreen content within Elementi 3.x. These widgets can be used to built either a standard grid-pattern multiscreen layout or a custom multiscreen layout. They are included within the "Multiscreen" collection of Elementi 3.x Library.

Note:

Starting with Elementi 2015, the two multiscreen widgets below have been integrated into the multiscreen project creation process as "Multiscreen Array" and "Multiscreen Custom" layouts.

Standard Multiscreen Layout

• File name: configurable.svg
• Revision number: 20913 (2014-02-13)
• Available since: Elementi 3.0.0
• Last modified: Elementi 3.1.0

Description

The "configurable.svg" widget allows creating a multiscreen document with a grid-pattern layout and uses JavaScript to dynamically configure the layout of the multiscreen. This widget is automatically used when creating a new multiscreen project (and renamed into index.svg).

The "Multiscreen ID" of each screen is in this format: screen-[row]-[column] and the same strings must be set on the HMP devices (under Network Settings page) to create the matching.

Configuration

• Background color

  Select the background color using the Color Picker dialog.

• Number of rows

  Enter the number of rows of the grid-pattern layout.

• Number of columns

  Enter the number of columns of the grid-pattern layout.

• Screen diagonal

  Enter the diagonal dimension of the screen. It can be followed by a measurement unit.

• Screen aspect ratio

  Enter the aspect ration of the screens composing the video wall. Some commonly used aspect ratios are available in the drop-box for selection.

• Vertical frame border

  Enter the vertical frame (bezel) dimension of the screen. It can be followed by a measurement unit.

• Horizontal frame border

  Enter the horizontal frame (bezel) dimension of the screen. It can be followed by a measurement unit.

• Edge blending

  Enable / disable edge blending. This is useful in case of using projectors.

• Screen height (pixels)

  Enter the screen height in pixels.

Note: The following measurement units can be used with the properties above: mm, cm (lacuna value), inch (also in, in., inches and ") and m.

Custom Multiscreen Layout

• File name: custom.svg
• Revision number: 20914 (2014-02-13)
• Available since: Elementi 3.1.0
• Last modified: Elementi 3.1.0

Description

This widget allows creating a multiscreen document with custom layout for the screens, not limited to a grid-pattern layout as proposed by the widget above. For instance, you can create a custom layout having two vertical screens on the side and two horizontal screens, one on top of the other, in the middle - like the one in the image on the right.

Note: The multiscreen information should normally be included into the main index.svg file, therefore, when using this widget into your project, delete the existing index.svg file and rename the widget file from custom.svg to index.svg.

Configuration

Under "Properties" view:

• Background color

  Select the background color using the Color Picker dialog.

• Total width, Total height

  The total width and height of the entire multiscreen area.

Under "Screens" view (there are 5 columns to fill out for each screen composing the multiscreen layout):

• Multiscreen ID

  Enter the unique multiscreen ID. The same string must be set on the HMP devices (under Network Settings page) as well to create the matching.

• X, Y

  The coordinates of the top left corner of the screen relative to the multiscreen area. (0.0) is positioned in the top left corner of the multiscreen area.

• Width, Height

  The width and height dimensions of the screen.

Note: The widget doesn't use a specific measurement unit, but make sure to enter the numbers above using the same unit.