Add support for the BB10 show password "eye" icon #513

Open
mdandrea opened this Issue Dec 11, 2012 · 10 comments

5 participants

@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
@tneil
Open Source Projects member

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
Open Source Projects member

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

@mdandrea

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

@dmkc
Open Source Projects member

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

@dmkc
Open Source Projects member

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
Open Source Projects member

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

@dmkc
Open Source Projects member

Here's what it looks like:
Screenshot of the show password button in action

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.

@tneil tneil added Request and removed Feature labels Jul 17, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment