How to show and hide password In Oracle Apex ?

How to show and hide password In Oracle Apex ??

 

1, Goto P9999_PASSWORD Item >> Icon >> Paste the following code- 

fa-key

2. Advanced >> Custom Attributes >> Paste the following code- 

onchange="htmldb_item_change(this)"  onkeydown="if (event.keyCode == 13) document.getElementById('LOGIN').focus();"

3. Post Text >> Paste the following code- 

4. Goto Page Properties >> Function and Global Variable Declaration >> Paste the following code- 

function viewPassword()
{  var passwordInput = document.getElementById('P9999_PASSWORD');
  var passStatus = document.getElementById('pass-status');
  if (passwordInput.type == 'password'){
    passwordInput.type='text';
    passStatus.className='fa fa-eye-slash field-icon';    
  }
  else{
    passwordInput.type='password';
    passStatus.className='fa fa-eye field-icon';
  }}

5. Page Properties >> Inline >> Paste the following code- 

.field-icon {
    right : 5px;
    margin-left: -25px;
    margin-top: 14px;
    position: relative;
    z-index: 2;}

 

🔗 Demo Application-
            URL- Demo Application
            Username - demo, Pass- demo
 

I hope everyone will like it. Please watch the full video,
Comment on any of your problems, I will try my best to solve the problem, In-Shah Allah. Everyone's cooperation is desirable. Visit my blog site, new technology related videos, you will get different types of tutorials of Oracle Apex, and hopefully, you can use them in your daily work.
Please stay tuned by subscribing to the YouTube channel, and encourages new videos to be uploaded.
=================
Visit my site to get more collaborative posts about Oracle Apex and subscribe to my YouTube channel. Thanks.
Comment on any of your issues, I will try my best to solve the problem, In-Shah Allah. Everyone's cooperation is desirable.
Visit my blog site, new technology-related videos, you will get different types of tutorials of Oracle Apex, and hopefully, you can use them in your daily work.
==============================

🙍🏾‍ Md jABER HOSSEN
📲 Mobile- +8801760688286
📨 Email- jaberit786@gmail.com
🌐 FB- facebook.com/mdjaber.hossen1
Please Subscribe to My Channel

Many thanks for visiting the site.

Then Enjoy.........................