Tuesday, March 24, 2009

Flex - using style sheet

In flex we can use style sheets also for designing the flex application, we can design the flex application as like flash application.

The implementation of the style sheet with the flex application

We can use the styles inside the mxml or we can use the external style sheet where that will be saved in .css format

The css file's coding will be like this

     Code:
<mx:style>
.ApplyStyle {
font-weight: bold;
color: #ff00ff;
themeColor: #000000;
}
</mx:style>


and the mxml coding will be like this

     Code:
<mx:application stylename="ApplyStyle" mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:style source="../src/global.css">

</mx:style>



We can use this css coding in the same mxml file itself, but maintaining in separate file will be good coding standard

Download the source files style.css and style.mxml

No comments:

Post a Comment