[CLOSED] X.Msg with Modal Window

Printable View

Sep 20, 2011, 12:07 AM
jwf

[CLOSED] X.Msg with Modal Window

I have a modal window. When the user inputs invalid data on the window's controls, I want to alert them via X.Msg.Notify.

However when I try to do so, the alert popup animates into place above the modal window, but as soon as the animation is complete it blinks behind the window, where it is not visible. Thus the pause for reading and the "animate-out" are not shown. I would like to keep it above the modal window. Possibly I need to set a target or zindex on the message?

Please advise how to prevent this. Thanks!
Sep 20, 2011, 9:53 AM
Daniil

Hi,

Please try to set up Modal = true.

Code:

X.Msg.Notify(new NotificationConfig() { Title = "Title", Html = "Hellow World!", Modal = true });
Sep 20, 2011, 5:49 PM
jwf

Hi Danill,

Unfortunately I'm still seeing the issue. Here is a simple example to illustrate:

Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="LW4.WWW.Admin.Web.Test" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> [DirectMethod] public void DoNotifyTest() { X.Msg.Notify(new NotificationConfig() { Title = "Notification", Html = "Read me!", Modal = true }).Show(); } </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <ext:ResourcePlaceHolder runat="server"></ext:ResourcePlaceHolder> </head> <body> <form id="form1" runat="server"> <ext:ResourceManager runat="server" ID="ResourceManager1" /> <ext:Viewport runat="server" ID="ViewportMain" Layout="FitLayout"> <Items> <ext:Panel runat="server" ID="PanelMain" Layout="FormLayout"> <Items> <ext:Button runat="server" ID="btnTest" Text="Show"> <Listeners> <Click Handler="#{myWindow}.show();" /> </Listeners> </ext:Button> </Items> </ext:Panel> </Items> </ext:Viewport> <ext:Window runat="server" ID="myWindow" Maximized="true" Layout="FormLayout" Hidden="true"> <Items> <ext:Button runat="server" ID="btnNotify" Text="Notify"> <Listeners> <Click Handler="Ext.net.DirectMethods.DoNotifyTest();" /> </Listeners> </ext:Button> </Items> </ext:Window> </form> </body> </html>

Click the "Show" button to show the window. Then click the "Notify" button to execute the DirectMethod. Notice that while you can see the notification animate in, it immediately disappears behind the window. In fact if you close the window quickly, you can watch the notification reappear and animate out.
Sep 20, 2011, 5:52 PM
Vladimir

Try to set BringToFront = true for the notification
Sep 20, 2011, 9:22 PM
jwf

Thank you Vlad, adding BringToFront and removing Modal achieved the result I wanted:

Code:

[DirectMethod] public void DoNotifyTest() { X.Msg.Notify(new NotificationConfig() { Title = "Notification", Html = "Read me!", BringToFront = true }).Show(); }

Please close the thread.