May 07, 2010, 7:13 AM
[CLOSED] Width of toolbars and headers on a Grid
Hi there
I have a Viewport with a CardLayout in the center. In it are panels and one of the panels contains a GridPanel. The problem is it doesn't seem to handle horizontal resizing very well on the TopBar and BottomBar. Please see included screenshot as a picture says more than 1000 words. What am I doing wrong here?
I'm using the latest version from SVN and the problem exists in IE7, Firefox 3.6.3 and Chrome 4.1.9.
Posted up a test case. FYI there will be some formfields added underneath the GridPanel that's why the ContainerLayout is wrapping the GridPanel.
Many thanks
I have a Viewport with a CardLayout in the center. In it are panels and one of the panels contains a GridPanel. The problem is it doesn't seem to handle horizontal resizing very well on the TopBar and BottomBar. Please see included screenshot as a picture says more than 1000 words. What am I doing wrong here?
I'm using the latest version from SVN and the problem exists in IE7, Firefox 3.6.3 and Chrome 4.1.9.
Posted up a test case. FYI there will be some formfields added underneath the GridPanel that's why the ContainerLayout is wrapping the GridPanel.
Many thanks
<%@ Page Language="C#" AutoEventWireup="true" %>
<!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 runat="server" ScriptMode="Debug"/>
<ext:Viewport runat="server" MonitorResize="true">
<Content>
<ext:BorderLayout runat="server">
<Center>
<ext:Panel runat="server" Unstyled="true" Layout="card" ActiveIndex="0">
<LayoutConfig><ext:CardLayoutConfig /></LayoutConfig>
<Items>
<ext:Panel runat="server" Layout="fit" Unstyled="true" MonitorResize="true" HideMode="Offsets" AutoHeight="true" Padding="10" >
<Content>
<ext:ContainerLayout runat="server" >
<Items>
<ext:GridPanel runat="server" Border="true" MonitorResize="true" Height="227" Hidden="false" >
<Store>
<ext:Store runat="server" GroupField="Group" GroupOnSort="false" >
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="Firstname" />
<ext:RecordField Name="Lastname" />
<ext:RecordField Name="Group" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel runat="server" >
<Columns>
<ext:Column Header="Firstname" DataIndex="Firstname" />
<ext:Column Header="Lastname" DataIndex="Lastname" />
<ext:Column Header="Group" DataIndex="Group"/>
</Columns>
</ColumnModel>
<View>
<ext:GroupingView
GroupTextTpl="{text}"
HideGroupedColumn="true"
runat="server"
ForceFit="true"
EnableRowBody="true"
ShowGroupName="false"
>
</ext:GroupingView>
</View>
<SelectionModel>
<ext:RowSelectionModel runat="server">
</ext:RowSelectionModel>
</SelectionModel>
<TopBar>
<ext:StatusBar Text="foo" />
</TopBar>
<BottomBar>
<ext:Toolbar runat="server">
<Items>
<ext:Button Icon="Delete" Text="delete" runat="server"/>
<ext:ToolbarFill runat="server" />
<ext:Button Text="add" Icon="Add" runat="server"/>
</Items>
</ext:Toolbar>
</BottomBar>
</ext:GridPanel>
</Items>
</ext:ContainerLayout>
</Content>
</ext:Panel>
</Items>
</ext:Panel>
</Center>
<East Split="true">
<ext:Panel runat="server" Html="foo" Width="200"/>
</East>
</ext:BorderLayout>
</Content>
</ext:Viewport>
</form>
</body>
</html>