Jan 03, 2012, 4:11 PM
[CLOSED] ScrollBar TabPanel Resizing
Hi,
I hope you can help me on an issue concerning the automatic display of scroll bars when resizing a window (or when the screen is too small)...
Here is an example:
Here is the Parent web form:
Here is how it looks reduced size (or when the screen is very small):
Thank you for your help !!
I hope you can help me on an issue concerning the automatic display of scroll bars when resizing a window (or when the screen is too small)...
Here is an example:
Here is the Parent web form:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormParent.aspx.cs"
Inherits="Application_CRITT_SL.Test.WebFormParent" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Register Src="WebUserControlSubPage.ascx" TagName="SubPage" TagPrefix="ong" %>
<!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 id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="ViewPort1" runat="server" Layout="BorderLayout">
<Items>
<ext:Panel ID="PanelGeneral" runat="server" Region="Center" Margins="3" Border="true">
<Content>
<ext:TabPanel ID="TabPanel1" runat="server" Title="Association..." Border="false">
<Items>
<ext:Panel ID="PanelSubPage1" runat="server" Title="SubPage1" Border="false" Height="750"
Padding="5">
<Content>
<ext:FitLayout ID="FitLayout1" runat="server">
<Content>
<ong:SubPage ID="SubPage1" runat="server" />
</Content>
</ext:FitLayout>
</Content>
</ext:Panel>
<ext:Panel ID="PanelSubPage2" runat="server" Title="SubPage2" Border="false" Height="750"
Padding="5">
<Content>
<ext:FitLayout ID="FitLayout2" runat="server">
<Content>
<ong:SubPage ID="SubPage2" runat="server" />
</Content>
</ext:FitLayout>
</Content>
</ext:Panel>
</Items>
</ext:TabPanel>
</Content>
</ext:Panel>
<ext:Panel ID="Panel1" runat="server" Region="West" Width="50" BodyStyle="background:white;"
Border="false">
</ext:Panel>
<ext:Panel ID="Panel2" runat="server" Region="East" Width="50" BodyStyle="background:white;"
Border="false">
</ext:Panel>
<ext:Panel ID="Panel3" runat="server" Region="North" Height="50" BodyStyle="background:white;"
Border="false">
</ext:Panel>
<ext:Panel ID="Panel4" runat="server" Region="South" Height="50" BodyStyle="background:white;"
Border="false">
</ext:Panel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
Here is the child control :<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControlSubPage.ascx.cs"
Inherits="Application_CRITT_SL.Test.WebUserControlSubpage" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<ext:Panel ID="Panel1" runat="server" Border="false" Layout="FitLayout" Height="300"
AnchorHorizontal="100%">
<Content>
<ext:ColumnLayout ID="ColumnLayout1" runat="server" FitHeight="true">
<Columns>
<ext:LayoutColumn ColumnWidth="0.5">
<ext:Panel runat="server" ID="ctl44" Layout="FormLayout" Border="false" AutoHeight="true"
LabelSeparator="">
<Content>
<ext:TextField ID="TextFieldNom1" runat="server" FieldLabel="Nom" AnchorHorizontal="90%">
</ext:TextField>
<ext:TextField ID="TextFieldNom2" runat="server" FieldLabel="Nom" AnchorHorizontal="90%">
</ext:TextField>
<ext:TextField ID="TextFieldNom3" runat="server" FieldLabel="Nom" AnchorHorizontal="90%">
</ext:TextField>
<ext:TextField ID="TextFieldNom4" runat="server" FieldLabel="Nom" AnchorHorizontal="90%">
</ext:TextField>
<ext:TextField ID="TextFieldNom5" runat="server" FieldLabel="Nom" AnchorHorizontal="90%">
</ext:TextField>
<ext:TextField ID="TextFieldNom6" runat="server" FieldLabel="Nom" AnchorHorizontal="90%">
</ext:TextField>
</Content>
</ext:Panel>
</ext:LayoutColumn>
<ext:LayoutColumn ColumnWidth="0.5">
<ext:Panel runat="server" ID="ctl49" Border="false" Layout="FormLayout" LabelSeparator=""
AutoHeight="true">
<Content>
<ext:TextField ID="TextFieldNom7" runat="server" FieldLabel="Nom" AnchorHorizontal="90%">
</ext:TextField>
<ext:TextField ID="TextFieldNom8" runat="server" FieldLabel="Nom" AnchorHorizontal="90%">
</ext:TextField>
<ext:TextField ID="TextFieldNom9" runat="server" FieldLabel="Nom" AnchorHorizontal="90%">
</ext:TextField>
</Content>
</ext:Panel>
</ext:LayoutColumn>
</Columns>
</ext:ColumnLayout>
</Content>
</ext:Panel>
Here is how it looks full size:Here is how it looks reduced size (or when the screen is very small):
Thank you for your help !!
Last edited by Daniil; Jan 04, 2012 at 12:19 PM.
Reason: [CLOSED]