Components > Static

Using the 'Picture' component you can display a picture file on the page. It is possible to load a foreground or/and a background image. For example, the finished layouts in *. bmp, *. gif, *. tif, *. png, *. ico, in the parameter "icon" are inserted. Thereafter, the active components for displaying lights, blinds, etc., are inserted in the picture.

With an on/off signal at the data point "Visible" the component will be switched visible / invisible in runtime. An on signal switches the component visible, an off signal invisible. This function can only be tested in runtime.

Data points of the component

Name	Typ	function
Image Url	Input	Change the picture dynamically, you can send a picture url from a weather service for instance, if the server is connected to the internet the component will download the picture
Mouseover	Output	Sends out an On signal, if you hover over the component with the mouse pointer.
Visible	Input	If this input is not used, the component is always visible. The component can be made invisible with an off signal on this datapoint and visible with an on-signal on this data point.
Opacity [0-255]	Input	Over a 1-byte value of 0-255, the Opacity [0-255] of the component can be changed. 0 is complete transparency. A value of 255 corresponds to the value that was set on the transparency in the properties of the component. If for example, the transparency in the properties of the component is set to 80%, this will be the level if you send a value off 255 to this data point.

Properties of the component

Name		Function
no caching		If "No Caching" is activated, graphics that are passed via "Image Url" are updated by a server request. If "No Caching" is deactivated, the graphics are loaded only once.

Via the data point "Image Url" the background image can be loaded and changed dynamically at runtime.

This makes it possible to display e.g. charts or weather pictures from external systems in the polar bear.

For this purpose the path to the graphic file is sent to the data point. e.g. C:\grafik\beispiel.png

The graphics can also come from a web server. In the polar bear server is already a web server integrated which provides graphics for the image component.

The graphics must be stored in the following folder: C:\ProgramData\Alexander Maier GmbH\EisBaer 3.0\www\

This web server always sends the updated graphic to the image component when the graphic content changes.

For this purpose the URL to the graphic file is sent to the data point. e.g. http://IP-ADRESSE:8003/Eisbaer.RESTServices/CustomWebsite/beispiel.png

The update of the graphic in the different polar bear clients reacts differently.

- In the Windows client, the graphic is updated every time the path or URL is sent.

- In the App-Clients you have to switch temporarily to another graphic for updating. e.g. with a sequence (main sequence with 2 entries) which briefly calls up another graphic.

- In the webapp the graphic is only updated after a page refresh (F5).

Note: The visualisation allows you to use all standard pixel graphics formats. It should be noticed that the graphics files are inserted in full resolution, i.e. that, for example, the digital images created in *.jpg

can have a file size of 2 MB. In RAM of the PC they are converted into BMP data and can then easily be 10 times larger. Repeated use of such images can use a lot of RAM very quickly, which yields to a slowing of your system.

For this reason please use as *.gif or *.png files in the actual required size (pixels). This allows the creation of lean and fast a GUI. · Using the background image function of the page or in the component always causes a performance loss.

For Windows, the background image feature is something special, as these graphics are tiled. So a few pixels large graphic can fill the whole screen.Use this feature only if the tiling function is required. In all other cases (this is the rule), you always use the property background to insert your graphics. Your system stays lean and fast.