Comments on: Custom focus skin for spark components in Flex 4

By: Kevin Lin

Kevin Lin — Wed, 26 Oct 2011 16:40:32 +0000

@Jeps This will only work with Spark components. You'll have to wait for the Spark version of DateField.

By: Kevin Lin

Kevin Lin — Wed, 26 Oct 2011 16:39:55 +0000

@Steve Berube Sadly, I'm not sure this is possible without hacking around in SkinnableComponent. This is because the focusSkin is added as the bottom child of the SkinnableComponent meaning everything else is laid out on top of it. Of course, if your component's skin is transparent, you might be able to do something interesting.

By: Weekly Developer Journal : July 17th – July 23rd

Weekly Developer Journal : July 17th – July 23rd — Sun, 31 Jul 2011 08:02:34 +0000

[...] I found a nice solution from the Flexponential guys. This not only shows you how to do the simple changing of the border color on the TextInput when it’s focused but also gets a little fancy w…. Great work [...]

By: Santanu

Santanu — Mon, 20 Jun 2011 20:08:39 +0000

Great post. This is fantastic.

By: Jeps

Jeps — Fri, 01 Apr 2011 11:49:56 +0000

Nice example.

I need to add focus for a DateField in my application. How do I do that for DateField. I tried using it by setting the SKinClass to the skin name, but it does not seem to work.

Any help?

By: Steve Berube

Steve Berube — Fri, 01 Apr 2011 03:47:14 +0000

Have you found a way to put the focusskin INSIDE the component? I am trying to add an inner border on a focus however it is goes behind the component instead of ontop of it. the depth attribute didn’t seem to help. Any ideas?

By: manuel

manuel — Tue, 16 Nov 2010 14:20:39 +0000

great example.
very helpful & effective.

I get it

Thks a lot

By: Daniel SL

Daniel SL — Thu, 19 Aug 2010 17:16:04 +0000

Excellent effects the one i like most is the bouncing arrows effect, i will do something like that in an ecommerce app i making for the university.

Daniel SL

By: Kevin Lin

Kevin Lin — Thu, 04 Feb 2010 01:44:14 +0000

@seth Thanks for the comment! If you take a look at SkinnableComponent's drawFocus() method, you'll see that focusObject is actually an instance of your focusSkin. Then, "target" is just a property of the focusObject that the component tries to set to itself.

By: seth

seth — Mon, 01 Feb 2010 21:04:43 +0000

super helpful post – i had no idea there was a focusskin for textinput. One thing to note, I’m using the 4.0.0.114410 version of the sdk. rather than target, Flex looks for a focusObject. thnx again, Seth