Elements

All elements of standard library belong to visualisation elements and all the switches that were created by the COMPONENTBUILDER. These are, however, optional. For placing the elements on visualisation, it will be sufficient to click on these elements. Then they will be placed in the centre of visualisation page, focussed by a frame and on the left-hand side a corresponding element parameter will be displayed.

Themes / exchangeable elements

Visualisation-, operation-, job-, and CONTROL S -elements can be exchanged since firmware 0.10.1. Therefore, so called themes will be used, which contain a complete set of elements. You can edit these themes or particular elements with additional software, the “theme editor”, which is described in a separate manual, stored on website http://www.bab-tec.de .

General Element Parameter

Every element has specific parameters, according to its function. You can see them if you mark an object on the visualisation surface. Beside the specific parameters there are attributes, which are similar for all elements.

General

Layer:

Indicates on which layer elements will be located. Each element has its own layer. Using the input field, you can modify the layer of element. In this way elements could manage more simply, for example by placing them one above the other.

Position:

The position of one element in the space of the visualisation surface will be determined by entry of pixels, input per keyboard or arrow keys

Width/ Height:

Values of width and height can be changed by keyboard or arrow keys. The option “Keep aspect ratio” will not be regarded in this case.

Paint reflection:

The ‘Draw reflection’ function allows a reflection to be displayed below a visualisation element. The size of the reflection can be customized using the various setting options.

Paint reflection

Select this option to display a reflection for the selected visualisation element. Once selected, further parameters for configuring the reflection become available.

Reflection height

Sets the height of the reflection. Valid values range from 0% to 150%.

• 0%: No reflection is displayed.

• 100%: The reflection is the same height as the original element.

• Values above 100%: The reflection is displayed at a correspondingly greater height.

Scale reflection

If this option is enabled, the entire element is always displayed as a reflection and scaled accordingly, regardless of the set reflection height.

If the option is disabled, the reflection is limited to the set reflection height. Consequently, only the relevant section of the element is reflected.

The ‘Scale reflection’ option only affects the display of the reflection. The original element remains unchanged.

Draw Shadow:

The ‘Draw Shadow’ function allows you to add a shadow to a visualization element. The various settings enable you to create everything from simple to soft shadow effects, in order to visually highlight elements and improve the display.

Draw Shadow

Select this option to create a shadow for the selected visualization element. Once selected, further parameters for configuring the shadow become available.

Horizontal Offset

Sets the horizontal position of the shadow relative to the visualization element. Positive values shift the shadow to the right; negative values shift it to the left.

Vertical Offset

Sets the vertical position of the shadow relative to the visualisation element. Positive values shift the shadow downwards; negative values shift it upwards.

Blur

Determines the degree of blurring in the shadow. Valid values range from 0 to 36.

• 0 produces a sharply defined shadow.

• Higher values result in an increasingly softer and more diffuse shadow.

Shadow Color

Sets the color of the shadow. The colour is selected via the colour dialogue box.

Shadow Opacity

Determines the transparency of the shadow. The opacity can be adjusted using either the slider or by entering a value directly between 0% and 100%.

• 0%: The shadow is completely transparent.

• 100%: The shadow is displayed as completely opaque.

Adjusting the shadow opacity using the slider or by entering a value directly affects the same parameter and the two methods can be used interchangeably.

Global settings of the scaling behaviour

Keep aspect ratio:

In case this option is activated, aspect ratio will not be changed, when you are extending or reducing element with your mouse.

By pressing the “Strg-key”, you can fix the aspect ratio, if you will extend your element and by pressing the “Shift-key”, you can fix the centre of your element.

Prevent deformation:

Graphics of elements will not be distorted by freely scaling, only the background of elements will be changed.

Smooth drawing:

Edges of elements will be displayed “softer”.

Using the rack-wheel symbol in front of the according lettering the three settings can be set to “global”. There are three ways for carrying out:

Set value for:

• Objects of the same type. For all alike elements the parameter is set.

• All objects: The parameter is valid for all elements.

• All objects and as standard value: The parameter is valid for all existing elements and is set as standard for each new/ additional object.

Set value for objects:

• On actual page: The settings are valid for all objects just on the actual page but not in the whole project.

• In the project: The settings are valid for all objects within the project.

Opacity:

Using this function, element will be made stepless visible or invisible. Thereby you can enter some value as a number, or you can adjust it with a regulator.

Tooltip:

You can enter a tooltip for better identification. This tooltip appears in visualisation when your mouse will meet corresponding object.

Address allocation

In the event no address was entered, the data array will be displayed yellow, in case of a valid address; data field will be marked green. If your address has an incorrect syntax, data field will appear in red.

By entering addresses, spacebar can be used for „/“-key (Slash). That will simplify entering.

Address allocation with ESF-file:

With the help from the arrow keys beside the address entry field, the dialogue for administration of ESF-files will come up. In the area below 5 data arrays for addresses are located; in which elements can be equipped. It will suffice to make a double click on an address in overview, to fill in these data fields.

Using ESF-files:

By this option, the label of group address from ESF-file will be used for an element tooltip in visualisation.

Object style configuration

The background appearance of an element is changed. The global style configuration for the selected element will be overwritten within the project parameters.

Theme Set:

When changing the elements in the theme editor, the graphic element different rates, so-called 'sets' are associated. The kits allow for example the Instead, a lamp is an electrical outlet. For a separate description of the Theme Editor, please refer to the supplied CD or the download section of our web site (www.bab-tec.de).

Theme Background:

At creation of a theme within the Theme editor a background colour can be defined to align the icons globally. The Theme editor works as an additional tool and is described in a separate document.

Manually:

If this option is activated the background of the object can be set manually in the arrays below.

Rounded edges:

Here the radius of the edges can be set (unit = px)

Background:

Defines the type of background. There are "background colour", "No background" and "gradient" is available.

Alignment:

If selected as a background style of the gradient here is its orientation can be determined.

colour 1 + colour 2:

"gradient" or "background colour", the colours can be determined.

Frame Type:

It is determined the appearance of the background frame. There are "no frames", "Automatic" or "line" is available.

Frame Colour + Width:

If frame style “Line” is selected the colour and width (unit = px) can be set here.

Modify font style

Change Font Style:

Some elements include fonts. In this case, you can alter additionally font styles in a ConfigTool. It is possible to apply various patterns of style, which you can use again and again.

Create a style:

By using the “+” key, you can lay out a new typeface.

Style features:

Here you can do necessary font style settings

Style preview:

Here you can see a preview of chosen font style.

Delete a style:

A font style could be erased by the key „-“.

Ignore font style:

If desired the font style for this element can be ignored. Then the standard font style is used,

Font colour:

If the font style is ignored, it is possible to enter a colour for the default font here.

Auto Scaling:

Is this flag activated the font size is automatically adjusted in relation to the element size.