[CLOSED] Window Full Screen

  1. #1

    [CLOSED] Window Full Screen

    I have a window (that will contain an HTMLEditor component) which I'd like to be able to either:

    • 'Pop-out' of the page, to allow the user to have no other distractions on the page
    • OR, allow the Window to fill the whole browser screen, to achieve the same effect


    My problem with the latter is that the window parent is not the page viewport and other than dynamically creating the window in JS, I cannot see a way to assign it's parent. Is this possible? When I maximize it just now, it only fills the parent container (a panel); which is not the full-screen of course.

    To allow it to pop-out, I'm not even sure this is possible. Something like you click a button and it lifts the window above all other page elements; to achieve the effect of floating above all others and therefore can be maximized to fullscreen.

    Hope I'm being clear enough. This is a very simple example of my layout..
        <ext:Viewport runat="server" ID="viewAdvice" Layout="BorderLayout">
            <Items>
                <ext:Panel ID="containerSouth" runat="server" Layout="FitLayout" Region="South" Split="true"
                    CollapseMode="Mini">
                    <Items>
                    <ext:Window runat="server" ID="winRichTextEditor" Maximizable="true" Closable="false" Cls="toolbar-switch"
                         HideMode="Offsets" Hidden="true" Icon="Pencil" Title="Document1*">
                            <Items>
                                <ext:HtmlEditor runat="server" ID="htmlEditorReports" EnableFont="false" Cls="toolbar-switch"
                                    Hidden="true" HideMode="Offsets" AutoWidth="true" />
                            </Items>
                        </ext:Window>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
    Last edited by Daniil; May 31, 2011 at 10:44 AM. Reason: [CLOSED]
  2. #2
    Hi,

    Please clarify 'containerSouth' has AutoLoad with Mode="IFrame" and there is an <ext:Window> in that IFrame?

    Just the code you posted confused me.

    Not sure that I understand the requirement but here you are.

    Example Parent Page
    <%@ Page Language="C#" %>
    
    <%@ 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">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Panel runat="server" Height="200" Width="200">
                <AutoLoad Mode="IFrame" Url="Test.aspx" />
            </ext:Panel>
        </form>
    </body>
    </html>
    Example IFrame Page
    <%@ Page Language="C#" %>
    
    <%@ 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">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    
        <script type="text/javascript">
            var createWindow = function() {
                new parent.Ext.Window({
                    id : 'Window1',
                    renderTo : parent.Ext.getBody(),
                    hidden : false,
                    maximized : true,
                    layout : 'fit',
                    items : [{
                        xtype: 'htmleditor'
                    }]
                });
            }
        </script>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:Button runat="server" Text="Create a window">
                <Listeners>
                    <Click Handler="createWindow();" />
                </Listeners>
            </ext:Button>
        </form>
    </body>
    </html>
  3. #3
    Thank you. I'll do it this way. You're right; we have an IFrame (a tab on the tabpanel) and there is a window in here. I want the window to cover the whole viewable area, not just to the size of the container panel.

    Anyway, I think this will work thank you, I just have to locate the specific IFrame I need to add to.

    Many thanks.

Similar Threads

  1. [1.0] Zooming in IE breaks screen/window size logic
    By plykkegaard in forum 1.x Help
    Replies: 5
    Last Post: Oct 12, 2012, 4:59 AM
  2. [CLOSED] Ext Window not always centering in screen
    By wisdomchuck in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 29, 2012, 6:50 PM
  3. Loading screen during window resize
    By adipoaca in forum 1.x Help
    Replies: 1
    Last Post: Nov 24, 2011, 12:39 PM
  4. Full Screen In Ext DeskTop
    By dotnet in forum 1.x Help
    Replies: 2
    Last Post: Oct 06, 2010, 2:00 PM
  5. Replies: 0
    Last Post: Feb 22, 2010, 12:24 PM

Tags for this Thread

Posting Permissions