iPhone-Style Password Inputs with Appcelerator Titanium
Most mobile applications ask you for your credential so that they may verify your account and pull information via an API. My mobile application is no different. The problem I ran into was that I couldn't find the method by which to emulate the iPhone's password field behavior. Luckily a quick search gave me the answer:
// Create the text field
var formElement = Titanium.UI.createTextField({
value: "",
width: 100,
height: "auto",
hintText: "Password",
passwordMask: true
});
Setting the passwordMask property to true provides the true iPhone-style password masking that I desired. Now all but the last letter in the password are properly hidden!
![CSS @supports]()
Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS. What we end up doing is repeating the same properties multiple times with each browser prefix. Yuck. Another thing we...
![6 Things You Didn’t Know About Firefox OS]()
Firefox OS is all over the tech news and for good reason: Mozilla's finally given web developers the platform that they need to create apps the way they've been creating them for years -- with CSS, HTML, and JavaScript. Firefox OS has been rapidly improving...
![Chris Coyier’s Favorite CodePen Demos II]()
Hey everyone! Before we get started, I just want to say it's damn hard to pick this few favorites on CodePen. Not because, as a co-founder of CodePen, I feel like a dad picking which kid he likes best (RUDE). But because there is just so...
![Style Textarea Resizers]()
Modern browsers are nice in that they allow you to style some odd properties. Heck, one of the most popular posts on this blog is HTML5 Placeholder Styling with CSS, a tiny but useful task. Did you know you can also restyle the textarea resizer in WebKit...
Good, that was what I search and arrive here ;)