Skip to content
This repository has been archived by the owner on Oct 9, 2018. It is now read-only.

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

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

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

mdandrea opened this issue Dec 11, 2012 · 10 comments

Comments

@mdandrea
Copy link

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
Copy link

xqliu commented Dec 11, 2012

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 [email protected]
Date: Tue, 11 Dec 2012 07:02:34
To: blackberry/[email protected]
Reply-To: "blackberry/bbUI.js" [email protected]
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
Copy link
Collaborator

tneil commented Dec 11, 2012

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
Copy link
Author

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
Copy link
Collaborator

tneil commented Dec 14, 2012

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

@mdandrea
Copy link
Author

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

@dmkc
Copy link
Collaborator

dmkc commented Feb 5, 2013

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

@dmkc
Copy link
Collaborator

dmkc commented Feb 5, 2013

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
Copy link
Collaborator

tneil commented Feb 5, 2013

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

@dmkc
Copy link
Collaborator

dmkc commented Feb 25, 2013

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
Copy link

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 subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

5 participants