+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: mask the text field (/showthread.php?tid=2339)
mask the text field - 3r1ck - 12.11.2019
greetings companions
Do you have any other method to mask the text field with asterisks in Mozilla Firefox? It works in Chrome with the following style, but it does not work in Firefox.
-webkit-text-security: disco;
RE: mask the text field - admin - 13.11.2019
There's no compatible property in Firefox. If you use "show control" mode then you can change input type to password via Custom JS.
RE: mask the text field - 3r1ck - 13.11.2019
buenos dias admin
Traté de seguir los pasos pero arrojo este error
RE: mask the text field - admin - 13.11.2019
Can you post a screenshot with how your current visualization looks like and which field value you want to hide?
RE: mask the text field - 3r1ck - 13.11.2019
son una cadena de caracteres de 255 bytes
RE: mask the text field - admin - 13.11.2019
Can you send backup from your device via PM or via email?
RE: mask the text field - admin - 14.11.2019
Use this Custom JavaScript. It will switch input type to password if your object element has password class and revert to text otherwise.
Code:
$(function(){
var _preConfigureControl = preConfigureControl;
preConfigureControl = function(widget, el, type, main) {
if (type == 'textinput') {
var password = widget.el.hasClass('password');
el.find('input').attr('type', password ? 'password' : 'text');
}
return _preConfigureControl(widget, el, type, main);
}
});RE: mask the text field - jmir - 29.07.2021
(14.11.2019, 08:12)admin Wrote: Use this Custom JavaScript. It will switch input type to password if your object element has password class and revert to text otherwise.
Code:$(function(){
var _preConfigureControl = preConfigureControl;
preConfigureControl = function(widget, el, type, main) {
if (type == 'textinput') {
var password = widget.el.hasClass('password');
el.find('input').attr('type', password ? 'password' : 'text');
}
return _preConfigureControl(widget, el, type, main);
}
});
It seems that it doesn't work using "Inline in Usermode" on a 250 byte string input box... Is it possible?
I need to mask the input of a password value stored inside a 250 byte string address.
Is there any way to do it?
Thanks
Thanks.
RE: mask the text field - admin - 29.07.2021
Set Additional class to text-password, add this to Custom JavaScript:
Code:
$(function(){
$('.text-password input').attr('type', 'password');
});RE: mask the text field - jmir - 30.07.2021
(29.07.2021, 13:44)admin Wrote: Set Additional class to text-password, add this to Custom JavaScript:
Code:$(function(){
$('.text-password input').attr('type', 'password');
});
Ok, it works! Thanks!
And how can I do it if the input is not in Inline? I mean to mask both the input field and the visualitzation value
RE: mask the text field - admin - 30.07.2021
Masking the value is rather complicated. It can be done easier via CSS but the number of "*" will be fixed. Set Additional class to password and use Custom JavaScript from here: https://forum.logicmachine.net/showthread.php?tid=2339&pid=14688#pid14688
Custom CSS:
Code:
.password .value {
color: transparent;
position: relative;
}
.password .value:after {
color: #333;
position: absolute;
left: 0;
right: 0;
top: 3px;
content: "*****";
}RE: mask the text field - jmir - 30.07.2021
(30.07.2021, 07:33)admin Wrote: Masking the value is rather complicated. It can be done easier via CSS but the number of "*" will be fixed. Set Additional class to password and use Custom JavaScript from here: https://forum.logicmachine.net/showthread.php?tid=2339&pid=14688#pid14688
Custom CSS:
Code:.password .value {
color: transparent;
position: relative;
}
.password .value:after {
color: #333;
position: absolute;
left: 0;
right: 0;
top: 3px;
content: "*****";
}
Ok thanks!