The following example shows you how you can use a tool tip on a Flex TextInput control with its displayAsPassword property set to true. By mousing over the credit card number field in the form below, you can see your credit card number in a readable tool tip.
Want the short version? Use a simple binding to bind the tool tip text to the TextInput control’s text, as seen in the following snippet:
<mx:TextInput id="ccNumber"
text="4111111111111111"
displayAsPassword="true"
toolTip="{ccNumber.text}" />
Looking for a longer version? Read on!
Full code after the jump.
Continue reading ‘Creating a tool tip on a Flex TextInput control with password masked text’
The following example shows you how you create a custom Label control in Flex that masks its text as a password by setting the Label control’s nested protected UITextField control’s displayAsPassword property.
Full code after the jump.
Continue reading ‘Displaying a Label control’s text as a password’
We’ve already seen how to get a TextInput control to display its text as a masked password field before in an earlier example, “Displaying a TextInput control’s text as a password in Flex” by setting the displayAsPassword property to true.
The following example will show you how you can listen for the focusIn and focusOut events to toggle the displayAsPassword property so that when the password field has focus the text is displayed as plain text, and when the password field does not have focus the text is displayed as masked text.
Full code after the jump.
Continue reading ‘Displaying a TextInput control’s text as a password in Flex (redux)’
The following example shows you how you can toggle between plain text and text masked as a password by setting the displayAsPassword property on a TextInput control in Flex.
Full code after the jump.
Continue reading ‘Displaying a TextInput control’s text as a password in Flex’
Another example of something I’ve seen lately on the Internet, so I thought I’d build it in Flex. This time I usea TitleWindow to display the status message of a login form. You can close the message by clicking the X button in the upper-right corner of the title window.
Note that there is no correct login. It will display the error message every time. In a future example I’ll try and add some fancy fade in/out effects or resize effects on the error message to give it that proper “Web 2.0 feel”.
Full code after the jump.
Continue reading ‘Using the TitleWindow container to display status messages’
