Oct 30, 2009, 6:48 AM
[CLOSED] [1.0] RowLayout gaps in Tab
In the example below, there are large gaps on the right-hand side and bottom of the Tab when using a RowLayout within the Tab.
Thanks
Dan
Thanks
Dan
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
strActionProgresses.DataSource = new object[]
{
new object[] { 1 },
new object[] { 2 }
};
strActionProgresses.DataBind();
}
</script>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Store ID="strActionProgresses" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="ActionProgressID" Type="Int"></ext:RecordField>
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
<ext:TabPanel Width="600" Height="600" ID="tabAudit" runat="server">
<Items>
<ext:Panel ID="tabActions"
runat="server"
Title="Deficiencies"
Padding="5">
<Items>
<ext:RowLayout ID="RowLayout1" runat="server" Margin="5">
<Rows>
<ext:LayoutRow RowHeight="0.5">
<ext:GridPanel
id="grdDeficiencies"
runat="server"
StoreID="strActionProgresses"
Title="Deficiencies"
Frame="true"
TrackMouseOver="true"
AutoExpandColumn="DeficiencyTitle">
<TopBar>
<ext:Toolbar runat="server" id="ext_Toolbar8576">
<Items>
<ext:Button ID="ToolbarButton10" runat="server" Icon="Add" Text="Add Deficiency" ToolTip="Create a new record">
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Tools>
<ext:Tool Type="Refresh" Handler="deficiencyRefreshList();" Qtip="Refresh Deficiency list" />
</Tools>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column Hidden="true" ColumnID="DeficiencyID" DataIndex="DeficiencyID" Header="Deficiency ID" ></ext:Column>
<ext:Column ColumnID="DeficiencyTitle" DataIndex="DeficiencyTitle" Header="Deficiency Title"></ext:Column>
<ext:Column ColumnID="DeficiencyDescription" DataIndex="DeficiencyDescription" Header="Deficiency Description" Width="400" ></ext:Column>
<ext:ImageCommandColumn Width="55" Sortable="false" MenuDisabled="true" Align="Center">
<Commands>
<ext:ImageCommand Icon="TableEdit" Text="Edit" CommandName="Status">
<ToolTip Text="Edit Deficiency" />
</ext:ImageCommand>
</Commands>
</ext:ImageCommandColumn>
</Columns>
</ColumnModel>
<LoadMask ShowMask="true" />
<SelectionModel>
<ext:RowSelectionModel SingleSelect="true">
</ext:RowSelectionModel>
</SelectionModel>
<View>
<ext:GridView
ID="GridView1"
runat="server"
EmptyText="There are no deficiencies for the selected Audit."
MarkDirty="false">
</ext:GridView>
</View>
</ext:GridPanel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.5">
<ext:GridPanel
ID="grdDeficiencyActions"
runat="server"
StoreID="strActionProgresses"
Frame="true"
AutoExpandColumn="ActionName"
Title="Actions"
Icon="Clock"
TrackMouseOver="true">
<TopBar>
<ext:Toolbar runat="server" id="tbDeficiancyActions">
<Items>
<ext:Button ID="btnAddNewDeficiencyAction" runat="server" Icon="Add" Text="Add Deficiency Action" Disabled="true" ToolTip="Create a new record">
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Tools>
<ext:Tool Type="Refresh" Handler="deficiencyActionsRefreshList();" Qtip="Refresh Deficiency Action list" />
</Tools>
<ColumnModel ID="ColumnModel3" runat="server">
<Columns>
<ext:Column Hidden="true" ColumnID="DeficiencyActionID" DataIndex="DeficiencyActionID" Header="DeficiencyActionID" />
<ext:Column Hidden="true" ColumnID="DeficiencyID" DataIndex="DeficiencyID" Header="DeficiencyID" />
<ext:Column Hidden="true" ColumnID="ActionID" DataIndex="ActionID" Header="ActionID" />
<ext:Column ColumnID="ActionName" DataIndex="ActionName" Header="Action Title" ></ext:Column>
<ext:Column Width="150" ColumnID="AssignedToID" DataIndex="AssignedToID" Header="Assignee" >
</ext:Column>
<ext:Column Width="160" ColumnID="RequiredCompletionDate" DataIndex="RequiredCompletionDate" Header="Required Completion Date" >
</ext:Column>
</Columns>
</ColumnModel>
<LoadMask ShowMask="true" />
<SelectionModel>
<ext:RowSelectionModel SingleSelect="true"></ext:RowSelectionModel>
</SelectionModel>
<Listeners>
</Listeners>
<View>
<ext:GridView
ID="gvDeficiencyActions"
runat="server"
EmptyText="There are no Actions for the selected Deficiency."
MarkDirty="false">
</ext:GridView>
</View>
</ext:GridPanel>
</ext:LayoutRow>
</Rows>
</ext:RowLayout>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</body>
</html>