About HmiGuide

HmiGuide · ‎08-10-2022

Generation of CSV for Excel : https://developer.community.boschrexroth.com/t5/Smart-HMI-WebIQ-Designer-and/Generating-report-files/m-p/54509#M242 Communication to SQL: not out of the box, but when you can program JS. Have a look into the packages provided by node.js. There are many packages available for DB connection.

HmiGuide · ‎08-08-2022

I want to change the items displayed in a iq-select-box. I can change the values which are set by the select box, with the code below. But the displayed labels are not updated. e.g. I configured 2 items in iq-select-box: item 1: label="blue" value=0 => via JS change to label="LAB 0" value=10 item 2: label="red" value=1 => via change to label="LAB 1" value=11 The control still displays "blue" and "red" but the returned values are 10 and 11. I expect that I have to call an update function. What do I have to change to update the displayed labels? (function() { var actions = shmi.pkg("visuals.session.userActions"); //get reference to userActions object /** * UI-Action '_Update-SelectBox' implementation */ actions["_Update-SelectBox"] = function(parameters) { let sObject = "root.box-popup.iq-select-box-sba"; // let srcObj = shmi.ctrl(sObject); if (srcObj) { for (let i=0; i<srcObj.config.options.length; i++) { srcObj.config.options[i].label = "LAB " + i.toString(); srcObj.config.options[i].value = 10+i; } } else { alert(sObject + " not found"); } }; }());

HmiGuide · ‎08-08-2022

Out of the box, there is only OpcUa. As a JS extension see the HOW-To articel for REST API communication with ctrlX:WebIQ-communicate-with-ctrlX-Rest-API

HmiGuide · ‎08-04-2022

A more basic example. How you can change the src of a iframe. Call the UI action "_iframe-src" e.g. via a button UI action. sName: iframe name (e.g. root.myScreen.iframe) sSource: src attribute of iframe (e.g. _docs/readme.pdf) (function () { 'use strict'; // all variables must be defined var actions = shmi.pkg("visuals.session.userActions"); //get reference to userActions object /** * UI-Action '_iframe-src' implementation * * @param {string} parameters[0] nameIframe name of iframe to manipulate * @param {string} parameters[1] srcIframe source string for iframe content * */ actions["_iframe-src"] = function (parameters) { let sIframe = parameters[0]; let ssrc=parameters[1]; let ctrl = shmi.ctrl(sIframe); // find the 1st element with matching name // to find out the full name of the ctrl look into ctrl.name // For more info see: Widget Name // https://www.smart-hmi.com/user/download/deliver/docs/documentation-dev-visuals-widget-naming-2.12-6134/index.html if ((ctrl) && (ctrl.uiType == "iframe")) { ctrl.vars.iframe.setAttribute("src", sSrc); } else { alert(`Iframe with name "${sIframe}" not found`); } }; }()); To ship the displayed documents (e.g. PDF files) with the WebIQ project, copy the files into the WebIQ workspace directory: Create directory "<YOUR_DATA_DIR>\workspace\_docs" In WebIQ Designer About window the workspace folder is display with the label "Data directory" Copy files into this folder (e.g. readme.pdf) src link to display file: _docs/readme.pdf

HmiGuide · ‎08-03-2022

Hello, there are 2 easy ways to do it: Widget: Image changer Create 2 image (one for state on, one for state off) Insert widget: iq-image-changer Open "Config" of widget Goto section "DATA Attributes" & select Option 1 In field Item select the variable representing the state In field Options press "+" to add as many options/images you need Enable "Icon source" and select the 1st image by uploading it to WebIQ workspace. Use the red marked button. Here you select your icon from somewhere on the HD and it is automatically copied into the workspace. You use the button with "..." when the image is yet copied into the workspace. Repeat previous step for 2nd state Changing background color See: Change-the-color-of-an-item-according-to-a-value HINT: As discussed by the Reply above, WebIQ is totally different than e.g. WinStudio. Therefor you should take some time to view the videos provided on https://www.smart-hmi.com/ and the HOW TO area of this forum. How-to-videos-blogs-and-examples-for-ctrlX

About HmiGuide

Re: WebIQ WITH DATABASE.

How can I update iq-select-box

Re: IO-HANDLER IN WebIQ

Re: IFrame: Source URL as a variable?

Re: Web IQ Designer : How to make a simple indicator light ??