Edit panel

This page is related to Elementi GUI.

Introduction

The Edit panel is located on the right part of the Elementi GUI and allows editing:

the layers of a layout (including the project's root index.svg file),
the items of a playlist,
the properties of a widget,
(Elementi X only) the XML / JavaScript code and the WebDAV properties of a SVG document.

Opening documents

To view the layers of the current project:

Go to the root of the project, by clicking on the project name in the address bar on top of the browse panel.
Double-click on the project's root index.svg file to open it.

To view the layers / playlist items of a layout / playlist:

Close the current document using the close icon
Double-click on the layout / playlist icon in the Browse panel.
The content of the layout / playlist folder is shown in the Browse panel and the layers or playlist items are displayed in the Edit panel.
If the previous document was not closed, double-click on the layout / playlist master file (index.svg / playlist.svg)

To view the properties of a widget, double-click on the widget file icon in the Browse panel.

Editing layers

When opening a layout, including the project's root index.svg file, the edit panel display a "Layers" tab:

To add text, media or streaming layers
Click on the "Add Text Layer", "Add Media Layer" or "Add Streaming Layer" of the toolbar.
To remove an existing layer
Click on the "Delete Layer" icon of the toolbar
To change the overlapping order (Z-order)
Move the layer up or down using drag & drop
To change the time properties of the layer
Use the layer's timeline.
To lock a layer to prevent moving it or replacing it in the preview panel
Use the "Lock" icon
To add effects, formatting, or manage properties of the layer:
Click on the (the "Layer Properties" button).

Note:

Multiscreen projects are showing an additional "Properties" tab from which the user can configure all the multiscreen-related settings.

Editing playlist items

When opening a playlist, the edit panel display a "Playlist" tab:

To add text, media or streaming item in the playlist
Click on the "Add Text Layer", "Add Media Layer" or "Add Streaming Layer" of the toolbar.
To remove an existing item
Click on the "Delete Layer" icon of the toolbar
To change the playback order of the item in the playlist
Move the item up or down using drag & drop
To manage properties of the item such as duration and formatting:
Click on the (the "Layer Properties" button).

Configure widgets

A widget is a digital signage component designed to perform a specific functionality - can be as simple as displaying a clock or a date, or advanced as displaying live data that auto-updates, interactive content, and even sending serial commands to the screen. See how to import and use a widget into your Elementi project.

Widgets are easily customizable through different parameters that the user can change from Elementi interface, without having to know how to modify the code behind. When opening a widget, all its configurable parameters are shown within the Edit panel, usually under a "Properties" tab; additional tabs might also be shown, depending on the widget, such as "Layers", "Playlist", "Pages", "Mappings", etc.

Notes:

To modify general properties of the widget, click the icon from the toolbar to open the "Document Properties" dialog.
You can find the description of each widget, including details about how to use it, within our Wiki - look for a "Help" tab for a quick link to that widget page.

Layer's timeline

The Elementi timeline is a visual representation of the start and end playing time of a media layer. It can be used both to view and to control when the media layer will be displayed within the layout duration.

Each media layer has its own timeline.
By default the duration of each media layer in the layout is set to 100%.
The timeline can only be edited when the layout duration is set to a fixed duration.

Displaying media properties

Hovering the pointer over the timeline shows the time parameters of the media

If the media is an image or a text and has no duration being set
Begin time and Show forever
If the media is an image or a text and has a duration
Begin time, Show duration and End playing time. The truncate icon is visible.
If the media is a video, a playlist or an audio file and is set to repeat forever
Begin time' and Show forever. The repeat icon is visible.
If the media is a video, a playlist or an audio file and is set to play once
Begin time, Show duration and End playing time. The play once icon is visible.
If the media is a video, a playlist or an audio file and is set to play for a time longer than its duration
Begin time, Show duration and End playing time. The repeat icon is visible.
If the media is a video, a playlist or an audio file and is set to play for a time shorter than its duration
Begin time, Show duration and End playing time. The truncate icon is visible.

Controlling playing time

To modify the playing time of a media:

Change the duration of the media using by moving the beginning of the timeline with the mouse. When the mouse moves over the beginning or the end of the media timeline, the cursor changes to a double arrow, and the begin and end time can be modified.
Change the playing time of the media by moving the active timeline. When the mouse moves over the active timeline, the cursor changes to a move arrow, and the active timeline can be moved.
Click on the truncate icon for images and text to reset the timeline.
Click on the repeat or truncate icon of video/playlist to force the media to be played once.

Video tutorial

Troubleshooting

Timeline of all media is light blue and cannot be modified.
The duration of the current document is either set to media or indefinite. Timeline can only be used in layout with fixed duration. Open the properties dialog of the layout and set the duration to a finite value (30s for instance).