NIWeek 2019: Customizing Your WebVIs

[MilanR]

Customizing Your WebVIs

The LabVIEW NXG Web Module enables the creation of web applications in G. Take WebVIs to the next level at this session and learn from some of NI's web technology experts about applying custom styles, flexible layouts, and 3rd party JavaScript libraries.

See our session at NIWeek 2019 on May 20, 2019 from 4:30pm - 5:30pm in Meeting Room 12B and add it to your schedule in the NIWeek 2019 app. You can access this page and the presentation materials from the url: https://bit.ly/webvi2019

Presentation References

The following are reference urls discussed during the Customizing Your WebVIs presentation:

• NIWeek 2018 Styling and Customizing WebVIs presentation
  
  The NIWeek 2019 Customizing Your WebVIs presentation expands on discussions started last year in the NIWeek 2018 Styling and Customizing WebVIs presentation. While it's not a prerequisite to see last year's presentation before watching this year's presentation, watching last year's presentation will provide some helpful context on technologies like CSS and JavaScript that we go more in-depth on this year. Vimeo URL - broken
  
  
• CSS Properties Examples (link to be published)
  
  The CSS Properties examples are advanced suggestions for those who understand that WebVIs in LabVIEW NXG 3.1 do not yet have a stable CSS API that can be relied on between releases of LabVIEW NXG. If you are willing to undertake the task of customizing CSS and maintaining it manually between NXG releases then the examples can give some pointers for common styling questions that are not possible in LabVIEW NXG yet but can be done by getting your hands dirty in CSS.
  
  
• JavaScript Pattern Examples (link to be published)
  
  The JavaScript Library Interface (JSLI) introduced in NXG 3.0 and the new dependency management capabilities added to JSLI in NXG 3.1 allow LabVIEW NXG JavaScript developers to create useful LabVIEW library components that can be shared between NXG Web Applications. These examples show some common JavaScript patterns that you may have to handle and some possible approaches for writing JavaScript wrapper code to interface between LabVIEW NXG WebVIs and the surrounding JavaScript environment.

Presentation Recording

A recording of the NIWeek 2019 Customizing Your WebVIs presentation can be found on the LabVIEW Wiki.

[AsadRaza]

Hi,

i am working on small project using LVNXG web module to that will read csv file/s from an FTP link and will display a web based dashboard on the webvi/internet. the issue is, I could not find vi for file management like we can do in Labview read/write spreadsheet files.

1- is there any way to solve this issue using Labview NXG web module???

2- I have created a vi which could read spreadsheet and show on dashboard/front panel. is there any way to link/communication between 2 vi (one vi from labview and one webvi, so that webvi could show dashboard on internet)

thanks in advance...

[MilanR]

Hi AsadRaza,

This document is on material from the NI Week session on the topics of CSS and JavaScript customization with WebVIs. The best place to ask general questions related to WebVIs is the LabVIEW Discussion Forums board. More people will see your question in the LabVIEW Discussion Forum than on a specific document or via private message.

Given that, I think a good starting point would be to use the CallLabVIEWWebService Example from the WebVI Examples. Specifically you will want to see how the AddCORSHeader.vi is used in the example as discussed in the example's README. Hopefully that helps and if you have further questions make sure to post in the LabVIEW Discussion Forums.