Example Code

Control Extensions for WebVI

Products and Environment

This section reflects the products and operating system used to create the example.

To download NI software, including the products shown below, visit ni.com/downloads.

    Software

  • G Web Development Software

Code and Documents

Attachment

Description

This example includes utilities to extend the behavior of built-in controls in WebVIs. See an example page using the library.

 

Note: If you use this library to modify the behavior of built-in controls, these modifications may not persist from release to release. Plan to test your code each time you upgrade to a new version of the G Web Development Software and update or modify this library as necessary. Alternatively you may consider integrating a 3rd party control where you have full control the behavior and upgrade timing.

 

Button Style

  • Button - Glyph - Create Image URL Style

Chart

  • Chart - History - Clear

DataGrid

  • Data Grid - Column by Index - Set Sorting
  • Data Grid - Column by Index - Set Grouping

DataGrid Style

  • Data Grid - String Column - Create Background Color Style
  • Data Grid - String Column - Create Font Color Style
  • Data Grid - String Column - Create Text Overflow Scrollbar Style

Gauge

  • Gauge - Needle - Set Arrow

Listbox

  • Listbox - Items - Enable Tooltip

Numeric

  • Numeric - Scale - Set Maximum
    • Note: Use for Gauge, Progress Bars, Tanks, and Sliders. Numeric Textbox should use Property Nodes instead.
  • Numeric - Scale - Set Minimum
    • Note: Use for Gauge, Progress Bars, Tanks, and Sliders. Numeric Textbox should use Property Nodes instead.

Panel

  • Panel - Background - Extend

Tab

  • Tab - Selector - Visible

Tree

  • Tree - Cells - Enable Tooltip
  • Tree - Column - Set Width

 

Changelog

Release 6: Add Chart - History - Clear VI
Release 5: Button and Data Grid style APIs and finish migrating the deprecated Declarative Style for WebVI example
Release 4: Minor: Fix icon for Gauge - Needle - Set Arrow VI
Release 3: Add Gauge - Needle - Set Arrow VI
Release 2: Add Data Grid - Column by Index - Set Grouping VI and finish migrating the deprecated Control Tools for WebVI example
Release 1: First release available on the community

 


Milan

Example code from the Example Code Exchange in the NI Community is licensed with the MIT license.

Comments
irfanabid
Member
Member
on

This is quite useful example, thanks a lot. I modified the datagrid slightly to have text alignment (left/center/justify).

Thanks & Regards,
Irfan
(CLD)
https://haliatech.com/
Contributors