Data-driven widgets

From SpinetiX Support Wiki

(Redirected from Data-driven widget)
Jump to: navigation, search

This page is related to Elementi Library & Data feed pages.

Introduction

Icon data-driven widgets

The data-driven widgets have been designed to ease up the creation of data-driven content from common types of data sources (e.g., RSS, Text, Spreadsheets, Calendars etc.). They can be used to automatically display data extracted from local or external sources.

For each data source natively supported by the HMP, Elementi provides a set of widgets to facilitate displaying the data using different layouts, as following: text bar, text ticker, text roll, media playlist, media crawler, slideshow, table.

Each widget has its own set of properties allowing to change the widget behavior. The widget layout is built using data placeholders and may be further customized to suit the user requirements.

To summarize, working with the data-driven widgets implies the following steps:

  1. Identify the data source type - like RSS feed, text file, spreadsheet, calendar, media folder etc.
  2. Open Elementi Library and find the widgets that were designed to display that data type.
  3. Select the widget variant (ticker, playlist etc.) that uses a data layout as close as possible to how you want to have the data displayed.
  4. Drag & drop the widget into your project.
  5. Customize the widget properties & layout.

In Elementi 2017

Default icon for data-driven widgets

Elementi 2017 comes with around 90 data-driven widgets included into the Elementi 2017 Widgets library and grouped under the following folders:

In Elementi 2016

Default icon for data-driven widgets

Elementi 2016 comes with around 70 data-driven widgets included into the Elementi 2016 Widgets library and grouped under the following folders:

In Elementi 2015

Default icon for data-driven widgets

Elementi 2015 comes with around 70 data-driven widgets included into Elementi 2015 Library and grouped under the following folders:

In Elementi 3.x

In Elementi 3.x, the data-driven widgets are included into the Elementi 3.x Library and grouped into these 3 folders:

Additional widgets

Other data-driven widgets (based on the built-in widgets above) are available as separate downloads:

Customization

Every data-driven widget offers different user-editable properties that can be used to modified the widget behavior and general aspect. Customizing a data-driven widget usually implies the following steps:

  1. Configure the properties related to the data source from where the data items are retrieved.
    For this, click on the Data Feed Properties button to open the "Data Feed Properties" dialog.
  2. Configure the rest of the widget properties:
    Locale, Transition, Looping, Speed, Direction etc.
  3. Customize the data layout.
    The widget layout is built using data placeholders; depending on the widget used, the layout for displaying the retrieved data is constructed using:

When opening a data-driven widget within Elementi, the actual content from the data feed is displayed. When modifying the data layout, the widget is switched into edit mode, during which the playback is paused and the actual content is replaced by the placeholder for edition text, if any, or the data placeholder otherwise. To edit the layer, click a second time on the field layer - the data placeholder (e.g., [[field]]) can now be edited. To restart the normal view, press the play button.


"Technical note"
For advanced customizations, check out the tutorial on customizing data feed widgets.
This page was last modified on 10 April 2017, at 17:37.