09-23-2021 08:39 AM
Hi
I am a new beginner on G Web software, interesting to see NI continues to support Web VI development. While during the first try, I am facing a problem on how to edit the type of input/output controls. Like to change background color or to hidden border.
It is a good idea to interop with a code dashboard, that can support HTML/CSS coding directly, but looks the CSS border-style cannot make it to work to hidden border of the controls...
BTW, why G Web VI doesn't support to edit controls like what have been archieved in Labview... Are they expecting the user of G Web VI also be an expert of HTML/CSS/Javescript? Does that expert really need G Web VI?
09-27-2021 03:00 PM
Thank you for the feedback! Over time, we hope to add capabilities to G Web Development Software to make it even easier for users without expertise in web technology to create fully-featured web applications.
Some visual customization of controls (such as the fill color of a slider) can be configured easily through the configuration pane (in the "right rail" of the editor). For the "early versions" of G Web, we've focused on visual customizations (like the fill color) that might be required to convey information to the user of the web app.
"Theming" of the UI is something we'd like to enable in a future release. Even though G Web doesn't require CSS expertise to create basic web apps, we'd like WebVI theming to work well with CSS, in order to be compatible with the expectations of modern web apps. So the solution will likely be a bit different than how customization works in LabVIEW.
Because G Web is built on standard web technologies, however, it's possible to use some CSS customizations now. You can refer to this example for some examples of customizing borders and colors: https://ni.github.io/webvi-examples/CustomizeWithCss/
When customizing CSS, please note this warning from the manual: "If you modify the CSS to customize the appearance of controls, these modifications may not persist from release to release. If you modify the CSS from NI defaults, plan to test your code each time you upgrade to a new version of the LabVIEW NXG Web Module and make manual updates to your CSS styles if necessary."