The Line widget

Available since version: 0.8.0 (2012)
Author: Christian Mayer


A line tag is used to display a horizontal line in the browser to allow for a grouped and thereby tidy display of elements on one page. To specify the width of the line an optional <layout/>-child can be added.


For a general understanding of how the configuration files are structured and what elements and attributes are it is recommended to read this section first: visu-config-details.

The behaviour and appearance of the Line widget can be influenced by using certain attributes and elements. The following tables show the allowed attributes and elements and their possible values. The screenshots show, how both can be edited in the editor.

Attributes underlined by ..... are mandatory, all the others are optional and be omitted.

Allowed attributes in the Line-element


Allowed child-elements und their attributes

Element Attribute
Structure Name Content Description
  • layout
colspan decimal Amount of coloumns this widget sould be wide.
colspan-m decimal Overrules the amount of coloumns on a medium screen.
colspan-s decimal Overrules the amount of coloumns on a small screen.
rowspan decimal Amount of rows this widget should be high.
x string Horizontal position of the widget for 2D pages.
y string Vertical position of the widget for 2D pages.
z string Reserved for future use.
width string Width for the widget for 2D pages.


It is possible to manually edit the visu_config.xml and add an entry for the Line widget.


Make sure that you only use UTF-8 encoded characters by settings the encoding in your XML-editor to UTF-8 mode!

A line tag which uses 50% of the screen size (6 of 12 available columns)
<line><layout colspan="6"/></line>


[1]The simple view might not show everything. To see all elements/attributes use the expert view.