Can the eye icon (mask/unmask password) in the login page be hidden?

Eliseo Jr Noble
Tera Expert

We recently upgraded to San Diego and an eye button (mask/unmask password) was added in the password field of the login page. Does anyone know how to hide that button. For security reasons, our client does not want that button to be displayed in the login page.

I saw an article from the developer site for an input password API disableUnmask={true} but unfortunately I don't know where can I use this API.

Thanks and Best Regards,
Eli

1 ACCEPTED SOLUTION

Markus Kraus
Kilo Sage

So far i haven't found a backend option, only a .css solution so far. This isn't meant for serious security either way because you simply go into the console and do "$0.value" on a password field...

For Classic UI you can add this global ui script (sys_ui_script.do):
API Name: <doesn't matter>
UI Type: Desktop
Global: true
Script:

if (window.location.pathname == '/welcome.do') {
	var style = document.createElement('style');
	style.textContent = 'span.input-group-btn { display: none; }'
		+ '.password-group { table-layout: fixed; width: 100%; }'
		+ 'input#user_password { border-radius: 3px; }';
	document.head.appendChild(style);
}

For Service Portal you can add this to the "Page Specific CSS" of your login page (most likely "landing"):

button.input-group-addon.mask_btn.input-advanced {
  display: none;
}

input#password {
  border-radius: 0.4rem;
}

 

Result:

find_real_file.png

find_real_file.png

 

View solution in original post

2 REPLIES 2

Markus Kraus
Kilo Sage

So far i haven't found a backend option, only a .css solution so far. This isn't meant for serious security either way because you simply go into the console and do "$0.value" on a password field...

For Classic UI you can add this global ui script (sys_ui_script.do):
API Name: <doesn't matter>
UI Type: Desktop
Global: true
Script:

if (window.location.pathname == '/welcome.do') {
	var style = document.createElement('style');
	style.textContent = 'span.input-group-btn { display: none; }'
		+ '.password-group { table-layout: fixed; width: 100%; }'
		+ 'input#user_password { border-radius: 3px; }';
	document.head.appendChild(style);
}

For Service Portal you can add this to the "Page Specific CSS" of your login page (most likely "landing"):

button.input-group-addon.mask_btn.input-advanced {
  display: none;
}

input#password {
  border-radius: 0.4rem;
}

 

Result:

find_real_file.png

find_real_file.png

 

thanks for the info.. will definitely try this.. thanks again.