Aug 01, 2012, 9:54 PM
[CLOSED] Portal Layout Resize Issues
Hello
We are laying out a page using a Portal that contains four Portlets each taking up 25% of the screen. This works well with a combination of HBoxLayout and VBoxLayout.
We now want to be able to do the following:
-- Allow the user to resize the Portlets horizontally and vertically in between the Portlets. However, even with the ResizableConfig on a Portlet we seemed to be forced to stay with what the HBoxLayout and VBoxLayout are configured for.
-- Allow the user to resize the browser and have the last resizing done by the user to stay in place. If this is not possible, at least stick with the layout specified by the HBoxLayout and VBoxLayout.
One other issue is that regardless of how I configure the page, an unneeded vertical scroll bar appears on the far right.
These issues seem to occur in every browser type.
Here is the markup. Any help you can provide would be greatly appreciated. Thank you.
We are laying out a page using a Portal that contains four Portlets each taking up 25% of the screen. This works well with a combination of HBoxLayout and VBoxLayout.
We now want to be able to do the following:
-- Allow the user to resize the Portlets horizontally and vertically in between the Portlets. However, even with the ResizableConfig on a Portlet we seemed to be forced to stay with what the HBoxLayout and VBoxLayout are configured for.
-- Allow the user to resize the browser and have the last resizing done by the user to stay in place. If this is not possible, at least stick with the layout specified by the HBoxLayout and VBoxLayout.
One other issue is that regardless of how I configure the page, an unneeded vertical scroll bar appears on the far right.
These issues seem to occur in every browser type.
Here is the markup. Any help you can provide would be greatly appreciated. Thank you.
<%@ Page Language="C#" %>
<%@ Import Namespace="Ext.Net.Utilities" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="Viewport1" runat="server" Layout="VBoxLayout">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Panel ID="Panel2" runat="server" Flex="50" Layout="FitLayout" Border="false" Padding="0" >
<Items>
<ext:Portal ID="ptlA" runat="server" Layout="HBoxLayout">
<Items>
<ext:PortalColumn ID="PortalColumn1" runat="server"
Cls="x-column-padding"
Layout="VBoxLayout"
Flex="1"
ColumnWidth="0.5">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Portlet ID="plt1" runat="server" Title="Portlet 1"
AutoScroll="false"
Layout="FitLayout"
Flex="1">
<ResizableConfig ID="ResizableConfig4" runat="server"
MinHeight="200"
MinWidth="200"
Transparent="false"
Handles="South" />
</ext:Portlet>
<ext:Portlet ID="plt2" runat="server" Title="Portlet 2"
AutoScroll="false"
Layout="FitLayout"
Flex="1">
<ResizableConfig ID="ResizableConfig2" runat="server"
MinHeight="200"
MinWidth="200"
Transparent="false"
Handles="South" />
</ext:Portlet>
</Items>
</ext:PortalColumn>
<ext:PortalColumn ID="PortalColumn2" runat="server"
Cls="x-column-padding1"
Layout="VBoxLayout"
Flex="1"
ColumnWidth="0.5">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Portlet ID="plt3" runat="server" Title="Portlet 3"
AutoScroll="false"
Layout="FitLayout"
Flex="1">
<ResizableConfig ID="ResizableConfig3" runat="server"
MinHeight="200"
MinWidth="200"
Transparent="false"
Handles="South" />
</ext:Portlet>
<ext:Portlet ID="plt4" runat="server" Title="Portlet 4"
AutoScroll="false"
Layout="FitLayout"
Flex="1">
<ResizableConfig ID="ResizableConfig1" runat="server"
MinHeight="200"
MinWidth="200"
Transparent="false"
Handles="South" />
</ext:Portlet>
</Items>
</ext:PortalColumn>
</Items>
</ext:Portal>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by Baidaly; Jan 18, 2013 at 2:31 AM.
Reason: [CLOSED]
