Jump to content

Edit panel

From SpinetiX Wiki

This page is related to Elementi GUI.

Introduction

Edit panel

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

  • the layers of a layout (including index.svg which is the "master" layout),
  • 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 open a new document to be viewed in the edit panel:

  • 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 master file, index.svg.
  • 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 will be shown in the browse panel and the layers / playlist items will be 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 or the project master 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 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 Note: Multiscreen projects are showing a "Properties" tab in addition to the "Layers" tab. The "Properties" tab allow the user to 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

Slideshow widget properties

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. It can be easily integrated into your Elementi project - see how to import and use a widget into your project.

Widgets are easily customizable through different parameters / properties 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.


Note Notes:
  • To modify general properties of the widget, click the Document Properties 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.