This example uses some beta version of the Flex 4 sdk. Some stuff has changed in the final release of F4 sdk, so you might need to adjust the source here and there.

However, ‘ArgumentError: Undefined state ‘focused’ sounds like the component tries to put the skin into ‘focused’ state, but ‘focused’ state has not been declared in the skin.

Also check some components here that have been updated to F4 final.

Thanks for your contribution.

Thank very much for the code!
Everything works great, but when the text begins to overflow, the control wraps its text inside (which looks ugly).
I recommend you to modify your partAdded method like this:

//Add Event-Listeners to the textview for FocusEvent
override protected function partAdded(partName:String, instance:Object):void {
super.partAdded(partName, instance);
if (instance == this.textView) {
trace (”Adding TextView”);
this.textView.addEventListener(FocusEvent.FOCUS_IN, onFocusInHandler);
this.textView.addEventListener(FocusEvent.FOCUS_OUT, onFocusOutHandler);

// Prevent multiline
textDisplay.multiline = false;
// Single line for interactive input. Multi-line text can be set.
textDisplay.setStyle(”lineBreak”, “explicit”);
// TextInput should always be 1 line.
textDisplay.heightInLines = 1;
}
}

I added 3 lines from the FlexSDK source code of TextInput class.

Thanks again!

Roman

Thanks for the useful code.

thanks a lot

Seems there’s been some renaming in the Flex SDK again.
Try using textDisplay in place of textView. Do this in the skin also, so that the skinPart is found.

hth
andy

I’m trying your component (on flex 4.0.0.9237) and get this error message:
‘1119: Access of possibly undefined property textView through a reference with static type AHTextInput. AHTextInput.as TestWeb/src line 29 Flex Problem’

can you help me with this?