Chapter 15. Styling and Skinning


Inline Style Assignments

Style Blocks and CSS

External CSS



“Jessie’s brother stepped off the train trying to remember what a Davis Cup tennis player looked like. He undoubtedly was the first and last passenger ever to step off a Great Northern coach car at Wolf Creek, Montana, wearing white flannels and two sweaters.”

Norman Maclean A River Runs Through It

In This Chapter

Inline Style Assignments

Style Blocks and CSS External CSS

Skinning Summary

Most projects will require some degree of styling in order to achieve a desired appearance. Fortunately, Flex applications are very customizable, and the linkage between developers and designers has been softened to make it easier for nonprogramming designers to contribute styles and skins, and for nondesigning developers to incorporate the work of designers.

Generally speaking, styling involves changing basic style properties—such as font family, text color, and corner radius—that Flex components recognize by default. On the other hand, skinning refers to a larger-scale modification of a component’s look and/or behavior. Imagine a Panel container skinned to resemble a page in a catalog or a slider control hacked to look like a dial.

In this chapter, you’ll learn how to centralize your style assignments using Cascading Style Sheet (CSS) syntax, an approach that allows you to easily apply a fresh set of styles and rapidly transform the look of your applications. You’ll also learn how ...

Get Learning Flex 4 now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.