What's New?

[CLOSED] Window with fullscreen mask

  1. #1
    Jan 10, 2014, 12:07 PM

    [CLOSED] Window with fullscreen mask

    Hi,

    How can i show a modal window (centered within Viewport) with a "fullscreen" mask, instead of just a mask covering the Panel where the Window is placed in?

    <%@ Page Language="C#" %>


<!DOCTYPE html>


<html>
<head runat="server">
    <title>Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:Viewport runat="server" Layout="BorderLayout">
            <Items>
                <ext:Panel runat="server" Region="West" Width="200" Title="Navigation" />
                <ext:Panel runat="server" Region="Center" Title="Content">
                    <Items>
                        <ext:Button runat="server" Text="Show Window">
                            <listeners>
                                <Click Handler="#{Window1}.show();" />
                            </listeners>
                        </ext:Button>


                        <ext:Window ID="Window1" runat="server" Hidden="True" Modal="True" Title="Simple Layout" />
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
    </form>
</body>
</html>
    This is just a simple example showing what I'm trying to achieve.

    In our Application we have a more complex scenario that was working as expected with release 2.3.1 of Ext.NET. But now with Release 2.4.0 of Ext.NET the Panel/Window combination fails and the Mask is just covering the main content area instead of the whole Viewport including the navigation area.

    Thanks for your help.

    Best Regards,
    Martin
    Attached Thumbnails Click image for larger version.  Name: Window in Ext.NET 2.3.1.png  Views: 20  Size: 19.5 KB  ID: 7470   Click image for larger version.  Name: Window in Ext.NET 2.4.0.png  Views: 17  Size: 24.1 KB  ID: 7471  
    Last edited by Daniil; Jan 17, 2014 at 11:25 AM. Reason: [CLOSED]
  2. #2
    Jan 10, 2014, 2:31 PM
    Hi Martin,

    You should move the Window out the Viewport.

    <ext:Viewport></ext:Viewport>

<ext:Window> </ext:Window>
    Or you can put the Window into the Panel's Bin.

    As for the behavior in v2.3, I would consider it a bug.
  3. #3
    Jan 10, 2014, 4:45 PM
    Hi Daniil,

    Hmm, is this the only solution to get around this problem? Are there no properties where we can take influence on how or where the windows are rendered to?

    The problem is, we have the ViewPort with BorderLayout in a MasterPage and ContentPlaceHolders within the different layout regions to load the content into. Like I mentioned before, we have a rather tricky layout in our Application. Do I need to specify another ContentPlaceHolder where the Windows have to be placed? We also have UserControls within other UserControls that contain Ext.NET Windows that get loaded dynamically into the pages and where we don't have direct access to the ContentPlaceHolders. Any advice?

    Thanks,
    Martin
  4. #4
    Jan 13, 2014, 4:49 AM
    Please put Windows into a Container's <Bin>.
    Quote Originally Posted by Daniil View Post
    Or you can put the Window into the Panel's Bin.
    or directly to the page's body (or form).

    I don't think there is any other options.
    Last edited by geoffrey.mcgill; Jan 13, 2014 at 6:00 AM.

Similar Threads

  1. The Modal Window behind own mask/shadow
    By savasdogangb in forum 2.x Help
    Replies: 1
    Last Post: Feb 20, 2013, 7:30 AM
  2. [CLOSED] [1.0] How to Mask all of window - not just body
    By bsnezw in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 30, 2010, 5:54 PM
  3. Window with GridPanel don't show Mask
    By ajunior84 in forum 1.x Help
    Replies: 0
    Last Post: Nov 25, 2009, 10:09 AM
  4. window mask scrolls body to top
    By [WP]joju in forum 1.x Help
    Replies: 0
    Last Post: Nov 18, 2009, 2:00 AM
  5. Show ext:Window in mode fullscreen
    By flaviodamaia in forum 1.x Help
    Replies: 4
    Last Post: Nov 04, 2009, 2:38 PM

Tags for this Thread

Posting Permissions