WebIQ 2.6 – FreeStyle

A start has been made! Smart HMI shifts its HMI / SCADA toolbox WebIQ to a new functional level. In addition to improving and refining existing concepts, this time the focus is clearly on usability. A process manager was created to manage arrays and structures. Thanks to the new composite widgets, our customers will in future be able to group, define, style and make widgets available for further projects.

What will happen in the next generation of WebIQ?

The range of widgets will be expanded! Our new IQ widgets simply have more to offer. What to expect? A quantum leap in terms of styling!

But for now let’s see what’s new on WebIQ 2.6:

Composite widgets

New widgets can be defined and styled from existing elements in order to build up your own user libraries. Examples are functional components such as Drive axles, winders, pumps, valves, etc., which can be reused via instantiation. The composite widgets appear in separate, definable categories in the widget list and can be provided with symbols. Composite widgets can also be nested and contain a configuration editor to define the parameter interface for use in the WebIQ Designer (Configuration Cockpit).

Image 1: Composite widget

Arrays and structures

The “Item Manager” has been replaced by the “Process Data Manager”, which can now be used to manage individual variables as well as arrays and structures. Arrays and structures can also be used multiple times nested with one another.
In WebIQ 2.6, it is possible to address the end nodes for connection to the widgets.

What will happen in the future?

The functions of the “Process Data Manager” will be expanded so that structures can simply be passed to a widget or composite widget. The browse interface to OPC UA is also in progress, via which variables and structures can be transferred live from an OPC UA server and no longer have to be created manually

Remote Runtime Manager

Several WebIQ instances can be recognized and connected to one another via a local network using a UPNP protocol. This means that HMI apps can be exchanged and managed across multiple development computers or runtime systems.

WebIQ Connect Server is now running in the background as a service on the development system

When installing the development version under Windows, the Connect Server is installed as a Windows service and started automatically when the computer starts up. This simplifies the operation and prevents errors, e.g. if you forgot to start the server manually. The server can also be reached globally via all user levels The project data was accordingly moved from the local user directory (%APPDATA%) to the global area %PROGRAMDATA%

Set styling classes and locks of widgets via conditions

Styling classes (CSS Modifier) ​​can either be set directly or via a condition. For this purpose, either ready-made classes such as “inverted”, “invisible”, “hidden” etc. can be used, or your own CSS classes can be set using the integrated CSS editor. Individual widgets or areas can also be locked depending on a condition.

Image 2: Example of conditions

Numerous improvements and bug fixes

Many usability improvements were introduced for the development process such as:

  • Improved widget list with pin button
  • Hierarchy Cockpit can now be opened to be permanently visible
  • Tooltips for improved usability
  • Containers can now be styled without a CSS editor
  • … and much more …

Image 3: Styling options for containers

Users who have registered for MyWebIQ can find further information on improvements and bug fixes in the changelog for version WebIQ-2.6

Coming up soon

WebIQ Release 2.7 introducing IQ widgets – available from September 15, 2020!

A library of completely revised widgets, the so-called “IQ widgets”, which can be continuously changed in height and width, is currently in beta testing. Furthermore, almost every IQ widget has a number of variants (e.g. single-line, two-line, …) that can be selected during configuration. Furthermore, IQ widgets can be individually adapted using the extended styling cockpit without using the integrated CSS editor. This makes it easier to adapt the IQ widgets to your own layouts and formatting, even by users without CSS knowledge.