UIButton with the same style of default UIAlertView button

Question

Is there a way to get the same style of standard UIAlertView buttons.
I've tried to add an UIThreePartButton (the private class of buttons used in UIAlertView) but it does not work. The result still:
http://www.malcom-mac.com/image1.png
Thank you

Answer 1

You're going about it the wrong way.
A button component doesn't have a "click" property, it dispatches a "click" event.
So what you need to do is assign an event handler to the button click event, just like you did for the VideoDisplay instances.
What you can do is store a reference to the selected VideoDisplay (which is why I mention in your previous thread you don't need the id at all) and use that when a button is clicked.
private var selectedVideo:VideoDisplay = video1;
private function activateControls(event:MouseEvent):void {
     selectedVideo = event.currentTarget as VideoDisplay;
private function playClickHandler(event:MouseEvent):void {
     selectedVideo.play();
private function pauseClickHandler(event:MouseEvent):void {
     selectedVideo.pause();
etc..
<mx:Button id="play_button" height="40" label="PLAY" click="playClickHandler(event);>
<mx:Button id="pause_button" height="40" label="PAUSE" click="pauseClickHandler(event);" />
<mx:Button id="stop_button" height="40" label="STOP" click="stopClickHandler(event);" />
Alternativly, you could use the selectedVideo in mxml, but that's usually not a good idea.
<mx:Button id="play_button" height="40" label="PLAY" click="selectedVideo.play();>
For instance, in this case, you probably want to stop all other videos before playing the selected one, or some other stuff may need to be done. That can easily be done in the button click event handler.
As a sidenote, you should look into using a different container than Canvas, for easier auto-layout.
A VBox might be better suited for displaying the VideoDisplay instances. No need for all the x, y positioning. Same goes for the Buttons, use an HBox container there.
Control the gaps and padding with verticalGap, horizontalGap, paddingLeft, paddingRight, paddingTop, paddingBottom of the containers, all of which can be set through CSS.