About HmiGuide

Yes we did some projects where we implemented such stuff in the PLC, as described above. Data size is 16Bytes * 100 000 Measures = 160 kByte no problem for the PLC. When your measurement is finished you can store it to a disc. e.g. A csv file for analysing it e.g. in Excel. ... View more

Solution see article: https://developer.community.boschrexroth.com/t5/Smart-HMI-WebIQ-Designer-and/iq-select-box-How-can-I-dynamically-change-it/m-p/62591#M449 ... View more

The above statement that WebIQ does not support arrays is somewhat misleading. You can exchange arrays between the ctrlX and WebIQ. However, these are transferred as single elements. The real question: "How to change the iq-select-box dynamically" is not answered yet. In the attached example this is realized. Instead of an array, however, a string is used, because this solution is more flexible than an array. Alternatively, you could transfer the data in an array and adjust the implementation. Example: This example shows how to change the label & options of an iq-select-box at runtime. - The options are passed in a string with a field separator. - Format: ${Label_0}:${Value_0},${Label_1}:${Value_1},...,${Label_N}:${Value_N} - Implentation in the local script "iq-select-box-update". Background information: WebIQ widgets are based on 3 components: 1. combination of several HTML5 elements (group of HTML5) to provide: - Extended functionality compared to the basic HTML5 elements - Different variants (e.g. ip-input: label in front of the input field, label above the input field,...) - Same look in different browsers 2. CSS (Cascading Style Sheet. Here colors, fonts, transparency, ... are defined) - Defines the appearance of the widgets 3. JavaScript module - The functionality for the WebIQ widgets is implemented here To find out how to change the iq-select-box point 3 is important. - Open the file $workspace/workspace/js/controls-bundle.js - You find your workspace path on the info screen of the Designer - Search for "class-name" (you must enter " around class-name) to find the below section - Read the source code and comment to find out which functions you need /** * iq-select-box * * Configuration options (default): * * { * "class-name": "iq-select-box", * "name": null, * "template": "default/iq-select-box.iq-variant-01" * } * * Explanation of configuration options: * * class-name {string}: Sets default css class applied on control root element * name {string}: Name of control set to data-name attribute * template {string}: Path to template file : * * @version 1.1 */ ... View more

You better show the diagnostic screen of ctrlX CORE in an iframe (https://<your_url>/diagnostics/logbook?showsidebar=false) , with the following restrictions: You might have to clear the browser cache You have to allow the browser to display the screen, because the ctrlX certificate is not from a trusted site. (.NET::ERR_CERT_AUTHORITY_INVALID) Right now, there is no autom. login possible, so you  have to login once, after starting the WebIQ project You might have to use Firefox, because the Chrome sometimes refuses to show the link in an iframe   ... View more

WebIQ is an very open framework, where you can: use any JS packages to extend the functionality use the features of WebIQ at the same time as the basic HTML5 features Create HTML5 elements graphically (with the WebIQ Designer) and textually (with JavaScript) in the same project Therefore there is a 2nd possibility (beside creating a package as mentioned above) to add any HTML5 element, which are not available in the visual package of WebIQ. The attached example uses the canvas element to demonstrate how to insert an HTML5 element into WebIQ using JS. Local script: "canvas" is a very basic example that demonstrates: How to create an HTML5 element (e.g. Canvas) with JavaScript and add it to a screen. To keep the example code clear, the canvas code is kept very basic With JS any HTML5 object can be inserted into WebIQ As the canvas element is created by JS, it is not visible and not editable in the WebIQ Designer. The canvas element resizes to the height and width of the local script container "script-canvas" ... View more