Add support for the BB10 show password "eye" icon

[mdandrea]

To match existing BlackBerry 10 UI, it would be great if password input types could have a show password "eye" icon that can be clicked to view the password in plain text.

[xqliu]

Dear,

I don't think html has such a feature to show the content of a password type input, do you have any example on that?

Thanks.
发送自我的 BlackBerry® 智能手机

-----Original Message-----
From: mdandrea notifications@github.com
Date: Tue, 11 Dec 2012 07:02:34
To: blackberry/bbUI.jsbbUI.js@noreply.github.com
Reply-To: "blackberry/bbUI.js" reply@reply.github.com
Subject: [bbUI.js] Add support for the show password "eye" icon (#513)

To match existing BlackBerry 10 UI, it would be great if password input types could have a show password "eye" icon that can be clicked to view the password in plain text.

---

Reply to this email directly or view it on GitHub:
#513

[tneil]

This is a BB10 feature that would be added.. essentially there is a little "eye" on a password field. Essentially what would happen is that if a password field was detected it would draw the eye in the right side of the control. Much like we draw the "X" now to clear text.

When the user pressed the toggle of the "eye" we would change the input type between password and plain text

[mdandrea]

Somewhat related to this is to have the X that clears text boxes be consistent with the BB10 look and feel (it should look like an X with a circle around it now). Let me know if you want me to open a separate issue for this for tracking. :)

[tneil]

Yes, please open up a separate issue for the (x)

[mdandrea]

Opened: #526 for the clear text box icon update.

[dmkc]

I'm working on this. Would love to mark it as "In Progress" 🔧

[dmkc]

I'm using a screenshots from the device. @tneil do you have the original assets for the password "eye" button? My screenshot-carved assets lack transparency.

[tneil]

Still working through with our IP department about adding this functionality and image asset to the toolkit

[dmkc]

Here's what it looks like:

I've embedded the images for the two states as data: URI's in bbui.css, since I noticed other images in the stylesheet are embedded similarly (for performance reasons, I assume?). I'll do a pull request in a minute.

[chakrapanimargani]

hi all, I would like to give toggle icon for my htmll5 page password field. Please guide me how to use this feature in my input filed and let me know what code i need to download for my BB10 workspace.
Thanks in advance.