Jan 13, 2012, 2:44 PM
[CLOSED] Fitlayout inside a viewport
Hi,
I hope you can help me,
I'm trying to make a panel take the whole volume inside the center of a viewport, but without succeeding.
Here is the parent web page:
I hope you can help me,
I'm trying to make a panel take the whole volume inside the center of a viewport, but without succeeding.
Here is the parent web page:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm15.aspx.cs" Inherits="Application_CRITT_SL.Test.WebForm15" %>
<%@ 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></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
<ext:Viewport ID="ViewPort1" runat="server" Layout="BorderLayout">
<Items>
<ext:Panel ID="PanelGeneral" runat="server" Region="Center" Margins="3" Border="true">
<Items>
<ext:Panel ID="PanelUsager" runat="server" Title="Gestion des Usagers" Border="false">
<AutoLoad Url="WebUserControlChild.aspx" Mode="IFrame" ShowMask="true" />
</ext:Panel>
</Items>
</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="110" 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>
</form>
</body>
</html>
here is the child web page:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebUserControlChild.aspx.cs"
Inherits="Application_CRITT_SL.Test.WebUserControlChild" %>
<%@ 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></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
<ext:FitLayout ID="FitLayout1" runat="server">
<Items>
<ext:GridPanel ID="GridPanelMembres" runat="server" StripeRows="true" TrackMouseOver="true"
Padding="5" HideLabels="true" Height="450" AutoScroll="true" Layout="FitLayout">
<Store>
<ext:Store ID="StoreMembres" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="id" />
<ext:RecordField Name="nom" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel2" runat="server">
<Columns>
<ext:Column Header="Nom" DataIndex="nom">
<Editor>
<ext:TextField ID="TextFieldNom" runat="server" Shadow="Drop" Mode="Local" TriggerAction="All"
ReadOnly="true" DisplayField="nom" ValueField="id">
</ext:TextField>
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true">
</ext:RowSelectionModel>
</SelectionModel>
<BottomBar>
<ext:Toolbar ID="Toolbar2" runat="server">
<Items>
<ext:Button ID="Button0" runat="server" Text="Ajouter" Icon="Add" />
</Items>
</ext:Toolbar>
</BottomBar>
</ext:GridPanel>
</Items>
</ext:FitLayout>
</form>
</body>
</html>
Thank you for your help!
Last edited by Daniil; Jan 16, 2012 at 8:15 AM.
Reason: [CLOSED]