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!
![Page Visibility API]()
One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?
![CSS Gradients]()
With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements. CSS gradients are another step in that direction. Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...
![MooTools, Mario, and Portal]()
I'm a big fan of video games. I don't get much time to play them but I'll put down the MacBook Pro long enough to get a few games in. One of my favorites is Portal. For those who don't know, what's...
![Background Animations Using MooTools]()
One of the sweet effects made easy by JavaScript frameworks like MooTools and jQuery is animation. I ran across this great jQuery tutorial that walks you through animating a background image of a page. Here's a quick MooTools code snippet that...
Good, that was what I search and arrive here ;)