About iamt_ps

When working with any website, familiarizing yourself with how CSS debugging works in a browser is highly recommended. If you press F12 in the preview or in a browser with the HMI loaded and select the label you'll see why this happens: It happens, because all labels inside a popup are by default shown in white, so you can override this CSS by creating a custom CSS by selecting the "Recipe Edit" widget in Code Manager: If you name this CSS "my_recipe" you can use the exact same code as shown above. The in the popup select the Recipe Edit widget and simply add the CSS modifier "my_recipe" there: The solution would be the same on any other website as WebIQ only uses HTML5, CSS3 and JavaScript in the browser. ... View more

Sorry, a detailed analysis showed that it is not possible to achieve it. I assumed that the trend display renders everything into a single canvas element, but it does not. So though you could technically generate a screenshot of the trend lines you would not be able to capture the scales around it which will probably not be sufficient for you. As an alternative you'd have to retrieve the trend data in a custom script, render that e.g. in ChartJS which provides a download function as it renders everything inside a canvas element. We do not use a canvas element for everything for performance and styling reasons allowing for better styleability of the widget with CSS.  ... View more

You can do this in this way: 1. You retrieve an instance of your IQ Trend widget, preferably using shmi.onReady (instead of shmi.ctrl below) 2. You subscribe to an item using the IO Manager (check our scripting demo for examples) 3. You do all of this in a LocalScript that you add to your HMI const trendWidget = shmi.ctrl(".iq-trend"); if (trendWidget) { if (trendWidget.isLive()) { trendWidget.setLive(false); } else { trendWidget.setLive(true); } }   ... View more