Chapter 15. Styling and Skinning
IN THIS CHAPTER
“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.”
In This Chapter
Inline Style Assignments
Style Blocks and CSS External CSS
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 ...