All posts by Kevin Lin

Changing fontWeight of Spark DataGrid headers

In Flex 4.5, we introduced the Spark version of DataGrid, which provides a vastly improved skinning experience. Unfortunately, a more flexible skin also means less tweaking through styles. One example is the DataGrid’s header’s label. By default, the “fontWeight” style is hard-coded to bold, along with some other text styles. Luckily, we’ve provided a relatively simple way to customize this particular piece of the header. This post will show you how to customize the Spark DataGrid’s header’s label.
Continue reading Changing fontWeight of Spark DataGrid headers

Customizing Spark DataGrid row and column separators

In Flex 4.5, we introduced the Spark version of DataGrid, which provides a vastly improved skinning experience. Spark DataGrid has a multitude of skin parts that can be customized and tweaked through its skin. These include the row backgrounds, row separators, column separators, selection indicators, caret indicator, hover indicator, etc… (see DataGrid Documentation). This post demonstrates two methods for customizing the row and column separators.
Continue reading Customizing Spark DataGrid row and column separators

Memory Graph to track Flash Player total memory usage

Sometimes it’s nice to keep an eye on the memory of an application without involving the Flash Builder profiler. This post demonstrates a simple and lightweight component that graphs the value of the Flash Player’s System.totalMemory over time. The chart can be very useful for noticing spikes in memory that might require further investigation with the profiler.
Continue reading Memory Graph to track Flash Player total memory usage

Custom focus skin for spark components in Flex 4

In spark components, the focusSkin is treated differently from the normal skin. Unlike the skin of a spark component, the focusSkin is not automatically sized or positioned by the component. Instead, it is added as the first child of the component. In addition, if the focusSkin has a property called target, target is set to point to the parent component.
Continue reading Custom focus skin for spark components in Flex 4