May 24, 2011, 9:06 AM
[CLOSED] Window Full Screen
I have a window (that will contain an HTMLEditor component) which I'd like to be able to either:
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..
- '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]