It could be a good idea to add events metadata. But thank you for this greate component.

Hi.

I tried the Messagebox and it works great but is it possible to use a TextInput with it?

I added a Textinput and when i enter the Textinput i got an Focusmanager is null error:

private function touchMouseDownHandler(event:MouseEvent):void
     {
         isMouseDown = true;
         mouseDownTarget = event.target as InteractiveObject;
        
         // If we already have focus, make sure to open soft keyboard
         // on mouse up
       if (focusManager.getFocus() == this)
             delaySetFocus = true;
        
         // Wait for a mouseUp somewhere
         systemManager.getSandboxRoot().addEventListener(
             MouseEvent.MOUSE_UP, touchMouseUpHandler, false, 0, true);
         systemManager.getSandboxRoot().addEventListener(
             SandboxMouseEvent.MOUSE_UP_SOMEWHERE, touchMouseUpHandler, false, 0, true);
     } 

TypeError: Error #1009: Cannot access a property or method of a null object reference.
    at spark.components.supportClasses::SkinnableTextBase/touchMouseDownHandler()[E:\dev\hero_private\frameworks\projects\spark\src\spark\components\supportClasses\SkinnableTextBase.as:2140]
    at flash.events::EventDispatcher/dispatchEventFunction()
    at flash.events::EventDispatcher/dispatchEvent()
    at mx.managers::SystemManager/mouseEventHandler()[E:\dev\hero_private\frameworks\projects\framework\src\mx\managers\SystemManager.as:2924]

Does anyone tried to use a TextInput or Textarea?

I think it's the a problem with the Keyboard. Does mobile air can't use the "Android" Keyboard in Popup's?

I tried it in a mobile Air Application for Android in Flash Builder 4.5.

I changed <components:MobileApplication> to <s:ViewNavigatorApplication> in the main.mxml  to get it work.

And when i use a Textinput instead of Label for the title i got the error.

Sorry for forgotten this information.

@Thomas_Ah: I never used ViewNavigatorApplication. The modifications steps you described don't compile for me. May you give us a project example?

The thing I made to use "alert and information popup boxes" is to add MessageBox component in my application (a MobileApplication) and then use it (or modify it). It would be greate to use it as an external library but it was not embedding assets because of a Flex Hero bug.

I hope this could help you.

Hi,

like i've posted here, I've compiled EhlersD's code into a library. Since Flex 4.5 has been released, my project has no more bug.

You can download the library here:

http://dl.dropbox.com/u/22049158/MesssageBox-digitalRetro.swc

Have fun ;-)

Hi there,

Thanks for the great component

But one quick question. How can we listen for YES, NO, OK and CANCEL button click events of the MessageBox ? I couldn't find any function parameter like how we have for Alert, to listen for CloseEvent.

Thanks naelmskine. That helped me. But MessageBox.show(null....  using null gave me a null object runtime error. So I used the parent instead and it worked fine. However, I'm not sure if icons like MessageBox.IC_HELP, MessageBox.IC_DELETE, MessageBox.IC_ADD etc are in built. Because they doesn't seem to work. It always shows up some broken icon.

That's great! thanks again. Sure, I'll have a look at it

I am actually using this component for an ipad app. When I am in portrait mode and when I get this message and then when i tilt the device to landscape mode, the message box just stays where ever it was when the device was in portrait mode. I think, I need to listen for stage rotate events and position the x and y co ordinates of the message box based on the width, height and available space. But just wanted to know if there is any simple way already in the component to achieve this requirement, which I might be missing out?

Cheers!

Deepak

I made following changes to achieve it:

MessageBox.mxml:

Root Group's creationComplete event handler:

protected function group1_creationCompleteHandler(event:FlexEvent):void

            {

                if(stage.supportedOrientations)

                {

                    stage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, onDeviceOrientationChange);

                }

            }

private function onDeviceOrientationChange(event:StageOrientationEvent):void

            {

                if(this != null && stage != null)

                {

                    this.x = stage.stageWidth/2 - this.width/2;

                    this.y = stage.stageHeight /2 - this.height/2;

                }

            }

With this, based on device rotation, the message box's x and y co-ordinates get set in such a way that box appears in the middle of the stage always. Hope this helps someone...

Cheers!

Deepak