web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / how to show/hide the e...
Power Apps
Unanswered

how to show/hide the eye on textinput mode password

(1) ShareShare
ReportReport
Posted on by

I am trying to active the hide or show the eye from textinput mode password and the power apps didn't work so well, sometimes he show, sometimes not.

Anybody know why?

Categories:
I have the same question (0)
  • victorcp Profile Picture
    2,350 Moderator on at

    Can you share more info about it, are you using a component or an icon to show hide the password or something diferent?

  • Gorilla_8 Profile Picture
    on at

    Just the textinput in Password mode

  • victorcp Profile Picture
    2,350 Moderator on at

    I don't know if it is a native function in power apps, but I could create my own hide/show password.

    1. you need an icon (icon.view) and set a variable on select to change from true to false and vice-versa;

    victorcp_3-1661970755564.png

     

    2. you need a textInput where you need to change the Mode depending on the variable set in the previous step

    victorcp_4-1661970780995.png

    victorcp_5-1661970810700.png

     

     

  • Gorilla_8 Profile Picture
    on at

    I know by the variable, but the text input has this eye on default, but its "buggy" and I want know why is that

  • Ericksmcr Profile Picture
    3 on at

    Was anyone able to find out how to remove the eye icon? It doesn't work at all and cannot find any property to remove it.

     

    Ericksmcr_0-1680240363843.png

     

  • fnanfne Profile Picture
    260 on at

    Great idea! I used a rectangle with the same colour (fill) as the text box. I also had to turn off all hover effects on the text box. This wasn't pretty but worked a treat. Love your solution though! What I've also done is to change the icon to the "Hide" one, whenever that variable is true.

     

    In the "Icon" property of the icon, I added the following....

     

    If(varShowHidePassword), Icon.Hide, Icon.View).png

     

    Also, because the "Hide" icon is a little higher than the "View" one, 3 pixels to be exact, I also had to add the following code to the "Y" coordinate of the icon.

     

    fnanfne_0-1681950714675.png

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 294 Most Valuable Professional

#2
11manish Profile Picture

11manish 210

#3
Valantis Profile Picture

Valantis 169

Last 30 days Overall leaderboard