Flash MX 2004 and Cascading Style Sheets

1
Flash MX 2004 and Cascading Style Sheets

• Nick Kwiatkowski
• October 14th, 2003

2
Macromedia Flash and CSS

• Newly supported by Flash MX 2004 products
• Flash MX 2004 Pro and Flash MX 2004
• Flash Player 9 w/ ActionScript 2.0
• Uses only a subset of the available CSS tags

3
Where can you use CSS?

• You can load CSS from an external file and apply
  it to a TextField
• var cssStyles new TextField.StyleSheet()
  cssStyles.load("styles.css")trace(cssStyles.getS
  tyleNames())
• You can use a CSS Style Sheet to apply styles to
  HTML
• var style_sheet new TextField.StyleSheet()
  ..txtNews_html.styleSheet style_sheet

4
Where can you use CSS?

• You can format XML documents (or TextFields) with
  CSS
• Again, using the this.styleSheet txtStyles
• You can use them on any of the new UI Components
• All you have to do is set the components html
  property to true, and give it the style sheet

5
What styles are supported?
taken from help file
6
Why use styles in Flash?

• Load external CSS files from your website
• When you change the style of your website, your
  Flash application automatically changes.
• Keep all the looks of your Flash applications the
  same.
• Keep consistency within all your applications
• Have better formatting control of your Text Fields