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

By: Marc Kassay

Marc Kassay — Mon, 02 Apr 2012 17:04:59 +0000

@Marc Kassay And my comment was directed to Steve Berube, not Jeps.

By: Marc Kassay

Marc Kassay — Mon, 02 Apr 2012 17:02:08 +0000

@ Jeps
You can listen for rollOver and rollOut events of a skin and then manipulate an overlay graphic that sits on top of your component. For instance, as you may know there is a ‘background’ Rect in alot of skins that has the lowest depth. Create an exact copy of this Rect and paste it at the end of the Skin file so that its depth is the highest. Give it a id name of ‘topground’ with an alpha value of 0 in the mxml tag. Now listen for those events I mentioned directly in the skin class and manipulate the alpha value. This is of course an example which will hopefully show you that you can do much more visually, such as using filters. I hope that helps.

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