02-04-2021 10:01 PM
I'm looking a Way to have customized controls/indicators on a webvi page which could looks like Scada Dashboard:
We've could replace most of the controls and indicators from above dashboard into flexible panel of a webvi except, the scada portion.
What is the best way to embed those portion of scada dashboard in to webvi's e.g. placeholder? and allow them to resize with the container proportionally down to certain size?
02-08-2021 06:54 AM
02-11-2021 06:48 AM
Some body who might going to help me, may expect me to upload my code.
Ok, I here I attached my WebApp project code.
The main page of the WebApp, is looks like below:
Yes, it is expected to be flexible panel (responsive) and shall contain custom UI element (called: scada view) which could proportionally resizable with down to certain size.
I created a gvi under library ScadaView.gcom, and this is how the scada should appear on the WebApp ScadaView Container.
I was able to call it as a function in gviweb blok diagram, but have no Idea how to call it to appear on the UI container.
Some body might help?
07-06-2021 07:59 PM
Hi ThamS,
I created a gvi under library ScadaView.gcom, and this is how the scada should appear on the WebApp ScadaView Container.
I was able to call it as a function in gviweb blok diagram, but have no Idea how to call it to appear on the UI container.
LabVIEW NXG 5 Web Module WebVIs do not support sub panels or showing the panel of SubVIs. For this specific use case one approach you may consider is placing a Tab Control on your panel. Each tab of the tab control can be configured with either absolute or relative layout.
Configure a tab in the tab control with absolute layout to place the controls for the scada portion of the WebVI. Then configure the resize options for the tab control to participate in the flexible layout of the rest of the panel.
The following shows a panel configured for flexible layout with a tab control containing a tab using absolute layout:
The following shows the WebVI running in the browser. When the tab control is configured to resize in flexible layout the size of the tab control shrinks and a scrollbar is added to let the user see the content of the absolutely positioned tab:
07-09-2021 10:12 PM