WMP 11 Drop Down Skin
A user on the Flex Components Yahoo Group asked about how to skin a pop up box to have an arrow at the bottom of the box. More specifically how to make it look like a pop up button in Windows Media Player 11. I made a quick sample by skinning a combo box using CSS and Flash. You can view it here and download the source here.
I’m getting close to finishing up the iTunes 7 theme, so maybe I’ll make a Windows Media Player 11 Theme to expand upon this drop down skin. I work on a Mac, so I’ll have to go by screenshots available online.
April 22nd, 2007 at 8:38 pm
Thanks for this nice example i was just looking for some like this. I downloaded the source but there are no mxml nor as files included.. !?
Cheers, Max0n
April 22nd, 2007 at 9:15 pm
This was done with skinning a ComboBox. To get it to work just drop the style.swf and style.css file into your project. Then reference the style.css file in a mx:Style tag and drop a ComboBox into your Flex project. There’s no AS file.
This ComboBox is also used in the WMP11 theme I created, which you can get the full source here:
http://scalenine.com/themes/wmp11/wmp11.html
April 22nd, 2007 at 10:49 pm
Awesome! THX 4 the answer. I thought there is AS involved because of the rounded Corners of that Drop down. I didn’t know that i can modify that in CSS. Do u know where exactly the mask for that dropDown is created. I would like to give it rounded corners so that it really looks like the dropDown is coming from behind the comboBox.
April 23rd, 2007 at 8:02 am
I was able to get rounded corners on the drop down by doing the following in CSS:
ComboBox {
dropDownStyleName: “dropDown”;
}
.dropDown {
cornerRadius:6;
}
As far as changing the mask you’d probably have to open the ComboBox.as file and tweak it to do what you want. What that will take, I’m not sure.
January 9th, 2008 at 10:57 pm
Good Example Of Skinning