Flex 2 Style Explorer question

[WaZz]

I am trying to rebuild that application. I have a couple of question about the design.

first, how did they do the 'water' or 'plastic' effect of the headers of each panels ? Is it an image ? or can you do it with the CSS ?

my second question is, if you go to 'Buttons' and select 'Button', I was wondering what was the component used to display the font family. Is it a combobox or popupbutton ? How did they style it ? I can't reproduce it... I can't get the white inside the combobox and the keeping the original arrow in the same time....

Really just design question :)

[mattb]

Water effect - yes, it's an image. Right click and go to view source. Under layout look at GlassHeaders.mxml. You'll see the styleName is setup to glassPanel. If you look at the associated css file in css/flexStyleExplorer.css and search for glassPanel, you'll see the line:


backgroundImage: Embed(source="/assets/header.swf#glassHeader");


Basically it pulls the "glassHeader" symbol from the assets/header.swf file.

Font style - this is a standard combobox. Again, if you look through the CSS file you should find the relevant style settings.

[WaZz]

thanks, I didn't know that you could see the source code with a right click :)