Kristof Neirynck » Flex

Css in Flex

Kristof Neirynck — Fri, 29 Aug 2008 15:58:26 +0000

I had some issues today to change the background color of a button in Flex. The up-skin was set for the Button selector which meant setting the fill-colors property for the Button.special selector had no effect. Setting the up-skin to null was the only solution. This was easy to do in code with setStyle, but I wanted to do it in css. Writing null wasn’t quite enough. Apearently you need to use ClassReference(null). Hope this helps someone out.

Button {
  up-skin: Embed(source='img/example.png');
}
Button.special{
  up-skin: ClassReference(null);
  fill-alphas: 1.0, 1.0;
  fill-colors: #00FF00, #00FF00;
}

AIR afterhours

Kristof Neirynck — Fri, 18 Jan 2008 20:55:00 +0000

I’ve been to a great afterhours session about AIR with Peter Elst. He’s writing a book on the subject so obviously there was lots he had to teach. He covered the windowing, file, dragdrop, sqlite and upgrade apis. This was a bring-your-own-laptop session so all the people present were experimenting with the code. We found a few oddities that you usually learn the hard way.

FileFilter behaves differently on mac and windows. On windows the extension parameter must start with an asterisk "*.html", on mac both "*.html" and ".html" seem to work.

Creating and manipulating NativeWindows works great, but adding flex components to the stage of a new NativeWindow doesn’t seem to work. Daniel Dura had a workaround for this, but that doesn’t seem to work anymore.

He gifted a few books at the end. ActionScript 3.0 Design Patterns is now mine. Thanks Peter!

Update: Peter has remembered how to use mx.core.Window as a a native window.

BlogReader

Kristof Neirynck — Tue, 26 Dec 2006 18:07:03 +0000

I too am toying around with Flex 2. Thus copying every other Flash programmer on this planet. The states, transitions and binding are going to be a blessing for every programmer.

The Retrieve and Display Data tutorial explains how to read an rss2 feed. Copy-pasting the sample code is too easy, so I decided to add a bit more functionallity.

The date is now formatted,
There is a “Loading” and “Loaded” state,
There is a transition between states,
Links in the TextArea are blue and underlined,
The whole app has a minimum and maximum size,
There is a VDividedBox surrounding the TextArea and DataGrid,
A “view source” link was added.

You can see the BlogReader example online. Don’t forget to take a look at the code!