Text

The Free Text widget allows to compose a tile from a toolset of basic elements:

  • formatted text

  • values from SKOOR objects

  • small pictures

  • basic tables (if advanced tables are required, please have a look at the tables widget)

image-20240730-103324.png

Editing text widget

Due to technical reasons the appearance of text inside the editor can differ significantly from its appearance on the dashboard.

The free text widget provides a simple editor for formatted text, links and tables:

Tooltips are provided for quick info on widget features:

Insert tables

If advanced table features are required, please have a look at the tables widget.

From the Table menu or the respective button on the toolbar, click Insert table and select the required number of columns and rows from the grid. 

You may now format the table using the table-, row- and column-properties from the Table menu. In most cases, it will be a good idea to set the table width to 100%. 

Add or delete rows or columns using the context menu that appears when clicking into the table area.

If a table was placed on the top line of the widget, it might be difficult to insert other content before it later on. Open the Source code window from the Tools menu and insert <p></p> tags before the <table> tag if this is the case.

Insert small images

Images (bitmaps) can be imported directly from the Windows Explorer by drag & drop.

This feature is not supported by MS Internet Explorer.

Although the size of an image is technically not limited, it is recommended not to use images larger than 50 kB as this might cause massive performance impacts on editing and viewing dashboards.

Insert links

  1. Select link text from the editor

  2. Click on the link button

  3. Enter form data

Setting

Description

URL

Target URL. Relative and absolute URLs are allowed.

Text to display

Link Text

Title

Tooltip on mouseover

Target

Open the link in one of the following targets:
None: URL will be opened in the same browser window / tab.
New window: URL will be opened in a new browser window / tab.

Placeholders

Placeholders can be used inside the free text widget to replace URL parameters (e.g. %param:device_id%).

Also, SKOOR objects can be added using drag & drop from the object list or tree in the editor:

As soon as the object is placed in the content area, an overlay lets you choose the required property from a dropdown menu:

Following options are available in the overlay:

Setting

Description

Field

A dropdown list with the possible placeholders to be added, it includes:

  • name

  • type

  • subType

  • id

  • state

  • value

  • parameter

  • property

  • message

Object value

A dropdown menu to select one of the values of the SKOOR Object

Object parameter

A dropdown menu to select one of the parameters of the SKOOR object

Object property

A dropdown menu to select one of the properties of the SKOOR object

Type

Select how to display the state of a SKOOR object:

  • Lightbulb image-20240903-073725.png

  • Format image-20240903-073739.png

Size

Select the radius of the lightbulb to be displayed as a state indicator (in px)

Show source code (Advanced)

An HTML source code editor is available in the tools menu.