I want to display string control as password in nxg web vi (currently using version 3.1).
I don't see a property to set that. I don't see masked input as well (available in nxg) and I don't know how to add <input> tag with type="password" in nxg web vi.
Is there a method or workaround (e.g. Updating CSS or using javascript) to do that?
Hey! I recently ran into the same problem with a WebVI. Besides Java and/ or CSS is see two other ways to do this.
Use a normal String Indicator and the "value changed" event in order to save a new letter and replace it with a * or whatever you like. This way you can also implement some nice features like masking the letter only after x ms or when the next key is pressed or even a seperate button to show the password befor you send it.
You can use a separate dialogue to enter a username/ password with SweetAlerts for LabView. You can find a nicely working library here: https://github.com/rajsite/webvi-experiments (SweetAlert). With the provided Vi's you can easily setup the dialogues and change a simple property if you want to mask the entered password. And they look pretty awesome too 🙂
<head> <meta charset="utf-8"> <!---Read only section. Source panel edits to these document properties will not be persisted--> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>index</title> <!---End read only section. Additional scripts or document properties can be added outside this section--> <style ni-autogenerated-style-id=""> /* Edits to the content of this style tag will not be persisted. To add additional styles, add a new style tag before or after this one */ </style> <link href="support/style.css" rel="stylesheet">
</head>
<body> <div id="ni-outdated-browser-message" style="display:none">This browser is reporting compatibility with older browser technologies that may perform poorly if it all.</div> <div id="ni-failed-to-load-vireo-source" style="display:none"> <div id="ni-failed-to-load-vireo-message-title"> Unable to load resource file </div> <div id="ni-failed-to-load-vireo-message-body"> Verify all WebVI files are available and served using an HTTP server or use a browser that can load files directly from the file system. See <a href="http://digital.ni.com/express.nsf/bycode/HOSTWEBAPP">Hosting a Web Application on a Server</a> for more information. </div> </div> <div class="ni-front-panel-wrapper" vi-ref="" ni-control-id="FrontPanelWrapper"> <ni-front-panel control-resize-mode='fixed' layout='absolute' ni-control-id='18'>
This browser is reporting compatibility with older browser technologies that may perform poorly if it all.
Unable to load resource file
Verify all WebVI files are available and served using an HTTP server or use a browser that can load files directly from the file system. See Hosting a Web Application on a Server for more information.
I am still using the old NXG 3.0 so I'm not sure how different will it be with NXG 4.0. In 3.0, there is a html & CSS part of the code. So, we can simply modify the CSS. For your case, I don't see the CSS portion.
