Flex canvas provide a style attribute backgroundImage which allow us to set an image as background. Compare with the background in Html5 and CSS, this feature is not that user friendly. In CSS, we can not only set the background image, but also tell the css how to render the background image if the image is not big enough to cover the whole display object like DIV. This is a so basic feature while the Flex canvas style doesn’t support it. If we want to get this feature done, we have to write the code by ourself. First, let’s see what the background image effect I am talking about.

In Flex 3, there are two flex components can be used to create dropdown menu. But none of them are easily customized and change styles. Menu is the default component in Flex for us to create menu utility. ComboBox and PopUpButton looks the same. There are only a little different between them. The ComboBox is designed for data selection. When you click the ComboBox, it will show the dropdown list by default. PopUpButton performs as a button with an extra small drop down icon. When you click the drop down icon, it will show you a drop list. Here is the dropdown menu what I want to implement in my project.

Read more

There are too many tutorials teaching us how to change textArea styles in Flex 4 with Spark theme styles. It is unlucky for people like me who are still working on legacy Flex 3 project. It cost me several hours to change the textarea component styles in Flex 3. In my project, I want to change the Flex TextArea vertical scrollbar truck style, drag thumb style, and hide the scroll arrow. First, I create the scrollbar truck skin and thumb skin in flash and publish as swc file, then change the Textarea vertical scrollbar style by following code:
Read more