If you switch to the html tab in NXG, you will see that NI is using javascript everywhere.
So if you know javascript, you are one step ahead of others.
I'm not expert in javascript, just start to learn a couple weeks.
Here is what I did to add a ring ctrl to html:
In the html file, in the <body>, after NI's javascript, i.e. after
<div class="ni-front-panel-wrapper">
<section id="FrontPanelCanvas" class="ni-front-panel">
......
</section>
</div>
Add:
<div class="UserList">
<select id="Users" Label="Users"></select><br>
</div>
You can use a seperate .css file the define the font name, size, color, ctrl size and position to minimize the change the html file. To link the .css file, add:
<link href="my.css" rel="stylesheet" type="text/css">
in the <head> after NI's links.
To update the ctrl, create a seperate .js file, and add:
<script src="my.js"></script>
in the <head> after NI's scripts.
In the .js file, define a javascript variable link to html ctrl:
var userlist = document.getElementById('Users');
Dynamically alter the ctrl style:
userlist.style.width = 160 + "px";
Dynamically add element to the ring ctrl:
var opt = document.createElement('option');
opt.text = "George";
opt.value= 0;
userlist.add(opt, null);
for Listbox, take a look the following site:
https://www.w3schools.com/js/default.asp
Remember to save your change by click the APPLY button.
George Zou
