Problem with Notification Box

[alawibh]

Dears,

I'm using the following JavaScript code to create Notification Box:

            Ext.net.Notification.show(
            {
                id: "MsgingCenter",
                contentEl: 'MsgCenter',
                closable: true,
                showFx: {
                    args   : [ 't', {} ],
                    fxName : 'slideIn'
                },
                hideFx: {
                    args: ['t', {}],
                    fxName: 'ghost'
                },
                closeVisible: true,
                pinned: true,
                header: false,
                width: 500,
                height: 50,
                alignToCfg:
                {
                    offset: [-300, -20],
                    position: 'br-br',
                    el: Ext.net.getEl('ToolsPnl')
                }
            });

Also, contentEl defined in aspx page as:

    <div id="MsgCenter" class="x-hide-offsets">
        <ext:Panel ID="Panel3" runat="server" Border="false"  BaseCls="x-plain">
            <Items>
                <ext:Image runat="server" ImageUrl="../../../NewStyle/FullScreen/Images/Msg.png"></ext:Image>
            </Items>
        </ext:Panel>
    </div>

Problems I'm facing are:

1. I want to show the Notification Box in the middle of ToolsPnl panel noting that panel width vary from one screen to other, and the height is fixed.
2. The Notification Box defined above has no header plus no exit botton, but when you click by mouse in any position on the screen it get hided except the Box itself, what wrong I'm doing?
3. I want to make custom Notification Box, which can be closed by clicking on image inside it (Close Image Fit in Somehow), how to perform this?

Refer to image attached.
Need your support and help.

Regards,
Alaswad

[alawibh]

Any Updates?