What's New?

[CLOSED] tab/Panel autoheight not working

Page 1 of 3 123 LastLast
  1. #1
    Feb 11, 2013, 8:25 PM

    [CLOSED] tab/Panel autoheight not working

    Click image for larger version.  Name: tabpanelheight.jpg  Views: 112  Size: 97.8 KB  ID: 5586

    In the the codebelow the tab/panel autoheight=true does not work and cuts the UI (please see screenshot).
    Please help:
    
<table style="width: 100%; padding: 10px 10px 10px 10px; vertical-align: top; background-color: #ffffff;"
        border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <table style="vertical-align: top; background-color: #ffffff; border: 1px solid #8BB7E3"
                    cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td colspan="2">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <ext:TabPanel ID="TabPanel1" runat="server" Padding="15" BodyPadding="10" BodyStyle="height: auto;">
                                <Items>
                                    <ext:Panel ID="Tab1" runat="server" Title="Add/Edit Fund or Company" AutoHeight="true" BodyPadding="6">
                                        <Content>
                                            <uc3:FundMetaData ID="FundMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab2" runat="server" Title="Add/Edit GP" BodyPadding="6" AutoHeight="true" >
                                        <Content>
                                            <uc4:GPMetaData ID="GPMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab3" runat="server" Title="Add New Seller" BodyPadding="6" AutoHeight="true" >
                                        <Content>
                                            <uc5:SellerMetaData ID="SellerMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab4" runat="server" Title="Add/Edit Deal source"  BodyPadding="6" AutoHeight="true" >
                                        <Content>
                                            <uc6:DealSourceMetaData ID="DealSourceMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab5" runat="server" Title="Add/Edit Broker"  BodyPadding="6" AutoHeight="true" >
                                        <Content>
                                            <uc7:DealBrokerMetaData ID="DealBrokerMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab6" runat="server" Title="Add/Edit HL Name" 
                                        BodyPadding="6" AutoHeight="true" >
                                        <Content>
                                            <uc8:HLNameMetaData ID="HLNameMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                </Items>
                            </ext:TabPanel>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    Last edited by Daniil; Feb 14, 2013 at 5:05 PM. Reason: [CLOSED]
  2. #2
    Feb 11, 2013, 10:39 PM
    Hello!

    AutoHeight property is deprecated now: https://examples2.ext.net/#/Getting_...AKING_CHANGES/

    Please, set 

    Layout="Fit"
    for Panels inside TabPanel
  3. #3
    Feb 12, 2013, 1:14 PM

    not working

    Hello,
    The provided resolution is not working.
     <table style="width: 100%; padding: 10px 10px 10px 10px; vertical-align: top; background-color: #ffffff;"
        border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <table style="vertical-align: top; background-color: #ffffff; border: 1px solid #8BB7E3"
                    cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td colspan="2">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <ext:TabPanel ID="TabPanel1" runat="server" Padding="15" BodyPadding="10">
                                <Items>
                                    <ext:Panel ID="Tab1" runat="server" Title="Add/Edit Fund or Company" BodyPadding="6"
                                        Layout="FitLayout" >
                                        <Content>
                                            <uc3:FundMetaData ID="FundMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab2" runat="server" Title="Add/Edit GP" BodyStyle="height: auto;"  BodyPadding="6">
                                        <Content>
                                            <uc4:GPMetaData ID="GPMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab3" runat="server" Title="Add New Seller" BodyStyle="height: auto;"  BodyPadding="6">
                                        <Content>
                                            <uc5:SellerMetaData ID="SellerMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab4" runat="server" Title="Add/Edit Deal source" BodyStyle="height: auto;"  BodyPadding="6">
                                        <Content>
                                            <uc6:DealSourceMetaData ID="DealSourceMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab5" runat="server" Title="Add/Edit Broker" BodyStyle="height: auto;"  BodyPadding="6">
                                        <Content>
                                            <uc7:DealBrokerMetaData ID="DealBrokerMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab6" runat="server" Title="Add/Edit HL Name" BodyStyle="height: auto;" 
                                        BodyPadding="6">
                                        <Content>
                                            <uc8:HLNameMetaData ID="HLNameMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                </Items>
                            </ext:TabPanel>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    here is the code for the user control:
    <table style="width: 60%; vertical-align: top; background-color: #FFFFFF; border: 1px solid #8BB7E3;"
    cellpadding="5" cellspacing="0">
    <tr>
        <td colspan="6" valign="top" class="subFormHeader">
            Search Fund/Company Name
        </td>
    </tr>
    <tr>
        <td style="width: 20px;">
            &nbsp;
        </td>
        <td class="style1">
            <ext:Label ID="Label1" runat="server" Text="Criteria:"></ext:Label>
        </td>
        <td class="style3">
            <ext:Store ID="storeCriteria" runat="server">
                <Model>
                    <ext:Model ID="mdlcriteria" runat="server" IDProperty="AVID">
                        <Fields>
                            <ext:ModelField Name="Value" Type="String" />
                            <ext:ModelField Name="AVID" Type="Int" />
                        </Fields>
                    </ext:Model>
                </Model>
            </ext:Store>
            <ext:ComboBox runat="server" ID="cbCriteria" DisplayField="Value" ValueField="AVID"
                StoreID="storeCriteria" Anchor="100%" QueryMode="Local">
                <SelectedItems>
                    <ext:ListItem Index="0" />
                </SelectedItems>
            </ext:ComboBox>
        </td>
        <td class="style1">
            <ext:label runat="server" Text="Keyword:"></ext:label>
        </td>
        <td class="style2">
            <asp:TextBox CssClass="formTextbox" ID="txtSearchFundName" runat="server"></asp:TextBox>
        </td>
        <td class="style2">
            <ext:Button ID="btnsearchfund" runat="server" Icon="Magnifier" Cls="formButtonExt2"
                Text="Search" Height="25" Width="70">
                <DirectEvents>
                    <Click OnEvent="btnSearchFund_Click" />
                </DirectEvents>
            </ext:Button>
        </td>
    </tr>
    <tr>
        <td colspan="6">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td colspan="5">
            <ext:Panel ID="pnlresult" runat="server" Title="Search Result" BodyPadding="10" Padding="15"
                Height="100">
                <Content>
                    <ext:Store ID="storeFundResult" runat="server">
                        <Model>
                            <ext:Model ID="mdlfund" runat="server" IDProperty="FundID">
                                <Fields>
                                    <ext:ModelField Name="FundID" Type="Int" />
                                    <ext:ModelField Name="FundName" Type="String" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
                    <ext:ComboBox runat="server" Disabled="true" ID="cbFundResults" OnDirectSelect="cbFundResults_SelectedIndexChanged"
                        DisplayField="FundName" ValueField="FundID" StoreID="storeFundResult" Anchor="100%"
                        QueryMode="Local" Width="300px">
                        <SelectedItems>
                            <ext:ListItem Index="0" />
                        </SelectedItems>
                    </ext:ComboBox>
                </Content>
            </ext:Panel>
        </td>
    </tr>
</table>
<table>
    <tr>
        <td>
            &nbsp;
        </td>
    </tr>
</table>
<table style="width: 60%; vertical-align: top; background-color: #FFFFFF; border: 1px solid #8BB7E3;"
    cellpadding="5" cellspacing="0">
    <tr>
        <td colspan="4" valign="top" class="subFormHeader">
            Add New Fund/Company
        </td>
    </tr>
    <tr>
        <td class="rfvCSS" colspan="4">
            <ext:label runat="server" ID="lblfunderror" Cls="rfvCSS2" Text="" />
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td style="width: 20px;">
            &nbsp;
        </td>
        <td class="leftTableColumn" style="width: 200px;">
            <ext:label runat="server" ID="lblFundName" Cls="requiredLabel" Text="Fund / Company Name:" />
        </td>
        <td>
            <ext:TextField Cls="formTextbox" ID="txtFundName" runat="server" />
            <asp:RequiredFieldValidator ID="rfvFundName" ControlToValidate="txtFundName" runat="server"
                Enabled="true" ValidationGroup="FundNameData">
            </asp:RequiredFieldValidator>
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td class="leftTableColumn">
            <ext:label ID="lblFundManager" runat="server" Text="Fund / Company Manager:" Cls="formLabel" />
        </td>
        <td class="formDropdown">
            <ext:Store ID="storeFundManager" runat="server">
                <Model>
                    <ext:Model ID="mdlFundManager" runat="server" IDProperty="FundManagerID">
                        <Fields>
                            <ext:ModelField Name="FundManagerName" Type="String" />
                            <ext:ModelField Name="FundManagerID" Type="Int" />
                        </Fields>
                    </ext:Model>
                </Model>
            </ext:Store>
            <ext:ComboBox runat="server" ID="cbFundManager" DisplayField="FundManagerName" ValueField="FundManagerID"
                StoreID="storeFundManager" Anchor="100%" QueryMode="Local">
                <SelectedItems>
                    <ext:ListItem Index="0" />
                </SelectedItems>
            </ext:ComboBox>
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td class="leftTableColumn">
            <ext:label ID="Label2" runat="server" Text="Fund Size:" Cls="formLabel" />
        </td>
        <td>
            <ext:TextField Cls="formTextbox" ID="txtFundSize" runat="server" />
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td class="leftTableColumn">
            <ext:label ID="Label3" runat="server" Text="Fund Currency:" Cls="formLabel" />
        </td>
        <td class="formDropdown">
            <ext:Store ID="storeCurrency" runat="server">
                <Model>
                    <ext:Model ID="mdlFundCurrency" runat="server" IDProperty="AVID">
                        <Fields>
                            <ext:ModelField Name="Value" Type="String" />
                            <ext:ModelField Name="AVID" Type="Int" />
                        </Fields>
                    </ext:Model>
                </Model>
            </ext:Store>
            <ext:ComboBox runat="server" ID="cbCurrency" DisplayField="Value" ValueField="AVID"
                StoreID="storeCurrency" Anchor="100%" QueryMode="Local">
                <SelectedItems>
                    <ext:ListItem Index="0" />
                </SelectedItems>
            </ext:ComboBox>
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td class="leftTableColumn">
            <ext:label ID="Label4" runat="server" Text="Vintage Year:" Cls="formLabel" />
        </td>
        <td class="style3">
            <ext:TextField Cls="formTextbox" ID="txtVintageYear" runat="server" />
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td class="leftTableColumn">
            <ext:label ID="Label5" runat="server" Text="Fund Strategy:" Cls="formLabel" />
        </td>
        <td class="formDropdown">
            <ext:Store ID="storeFundStrategy" runat="server">
                <Model>
                    <ext:Model ID="mdlFundStrategy" runat="server" IDProperty="AVID">
                        <Fields>
                            <ext:ModelField Name="Value" Type="String" />
                            <ext:ModelField Name="AVID" Type="Int" />
                        </Fields>
                    </ext:Model>
                </Model>
            </ext:Store>
            <ext:ComboBox runat="server" ID="cbFundStrategy" DisplayField="Value" ValueField="AVID"
                StoreID="storeFundStrategy" Anchor="100%" QueryMode="Local">
                <SelectedItems>
                    <ext:ListItem Index="0" />
                </SelectedItems>
            </ext:ComboBox>
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td class="leftTableColumn">
            <ext:label ID="Label6" runat="server" Text="Fund SubStrategy:" Cls="formLabel" />
        </td>
        <td class="formDropdown">
            <ext:Store ID="storeFundSubStrategy" runat="server">
                <Model>
                    <ext:Model ID="mdlFundSubStrategy" runat="server" IDProperty="AVID">
                        <Fields>
                            <ext:ModelField Name="Value" Type="String" />
                            <ext:ModelField Name="AVID" Type="Int" />
                        </Fields>
                    </ext:Model>
                </Model>
            </ext:Store>
            <ext:ComboBox runat="server" ID="cbFundSubStrategy" DisplayField="Value" ValueField="AVID"
                StoreID="storeFundSubStrategy" Anchor="100%" QueryMode="Local">
                <SelectedItems>
                    <ext:ListItem Index="0" />
                </SelectedItems>
            </ext:ComboBox>
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td>
            &nbsp;
        </td>
        <td class="leftTableColumn">
            <ext:label ID="Label7" runat="server" Text="Fund Asset Region:" Cls="formLabel" />
        </td>
        <td class="formDropdown">
            <ext:Store ID="storeFundAssetRegion" runat="server">
                <Model>
                    <ext:Model ID="mdlFundAssetRegion" runat="server" IDProperty="AVID">
                        <Fields>
                            <ext:ModelField Name="Value" Type="String" />
                            <ext:ModelField Name="AVID" Type="Int" />
                        </Fields>
                    </ext:Model>
                </Model>
            </ext:Store>
            <ext:ComboBox runat="server" ID="cbFundAssetRegion" DisplayField="Value" ValueField="AVID"
                StoreID="storeFundAssetRegion" Anchor="100%" QueryMode="Local">
                <SelectedItems>
                    <ext:ListItem Index="0" />
                </SelectedItems>
            </ext:ComboBox>
        </td>
        <td>
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
    <tr>
        <td colspan="4" align="center">
            <table>
                <tr>
                    <td>
                        <ext:Button ID="btnSavefund" runat="server" Icon="Disk" Cls="formButtonExt2" Text="Save"
                             Height="25" Width="70" ValidationGroup="FundNameData">
                            <DirectEvents>
                                <Click OnEvent="btnSaveFund_Click" />
                            </DirectEvents>
                        </ext:Button>
                    </td>
                    <td width="20px">&nbsp;</td>
                    <td>
                        
                        <ext:Button ID="btnCancelfund" runat="server" Icon="Cancel"  Cls="formButtonExt2" Text="Cancel" Height="25" Width="70">
                            <DirectEvents>
                                <Click OnEvent="btnCancelFund_Click" />
                            </DirectEvents>
                        </ext:Button>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="4">
            &nbsp;
        </td>
    </tr>
</table>
    when adding layout="FitLayout" (BTW there is no layout="Fit") the page breaks and i get the following error:
    Control with type 'Ext.Net.Store' cannot be handled by layout
    Attached is the screenshot
    Attached Thumbnails Click image for larger version.  Name: layoutfiterror.jpg  Views: 59  Size: 99.1 KB  ID: 5600  
  4. #4
    Feb 12, 2013, 1:19 PM

    different approach

    I added layout="FitLayout" to the tab. the page does not break but the page still gets cut out, if I change the tab then come back to the initial tab (where elements were cut) then all elements of that tab are displayed properly and nothing is being cut out.
    It looks like the onload doesnt set the layout only on click does:
    <table style="width: 100%; padding: 10px 10px 10px 10px; vertical-align: top; background-color: #ffffff;"
        border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <table style="vertical-align: top; background-color: #ffffff; border: 1px solid #8BB7E3"
                    cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td colspan="2">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <ext:TabPanel ID="TabPanel1" runat="server" Padding="15" BodyPadding="10" Layout="FitLayout">
                                <Items>
                                    <ext:Panel ID="Tab1" runat="server" Title="Add/Edit Fund or Company" BodyPadding="6"
                                       >
                                        <Content>
                                            <uc3:FundMetaData ID="FundMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab2" runat="server" Title="Add/Edit GP"  BodyPadding="6">
                                        <Content>
                                            <uc4:GPMetaData ID="GPMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab3" runat="server" Title="Add New Seller"  BodyPadding="6">
                                        <Content>
                                            <uc5:SellerMetaData ID="SellerMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab4" runat="server" Title="Add/Edit Deal source"  BodyPadding="6">
                                        <Content>
                                            <uc6:DealSourceMetaData ID="DealSourceMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab5" runat="server" Title="Add/Edit Broker"  BodyPadding="6">
                                        <Content>
                                            <uc7:DealBrokerMetaData ID="DealBrokerMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab6" runat="server" Title="Add/Edit HL Name" 
                                        BodyPadding="6">
                                        <Content>
                                            <uc8:HLNameMetaData ID="HLNameMetaData" runat="server" />
                                        </Content>
                                    </ext:Panel>
                                </Items>
                            </ext:TabPanel>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    Please help
  5. #5
    Feb 12, 2013, 3:26 PM
    Hello,

    Not sure that it will help, but try BodyStyle="height: auto;" for the Panels.

    If the issue persists, please provide a runnable sample to reproduce.
  6. #6
    Feb 12, 2013, 3:55 PM
    still same problem. i will post a runnable sample to reproduce shortly
  7. #7
    Feb 12, 2013, 4:24 PM

    Here is the Sample code

    • On load both tabs are cut.
    • If you click on second tab then click back on first tab the first tab load correctly
    • If then you click on second tab it then loads correctly




    <%@ Page Title="" Language="C#" AutoEventWireup="true" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<html>
<head id="Head1" runat="server">
    <title>Sample code</title>
</head>
<body>
    <form id="Form1" runat="server">
    <div class="formHeader" style="font-weight: bold">
        Add/Edit Metadata</div>
    <ext:ResourceManager ID="ResourceManager2" runat="server" />
    <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
    <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
    <table style="width: 100%; padding: 10px 10px 10px 10px; vertical-align: top; background-color: #ffffff;"
        border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <table style="vertical-align: top; background-color: #ffffff; border: 1px solid #8BB7E3"
                    cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td colspan="2">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <ext:TabPanel ID="TabPanel1" runat="server" Padding="15" BodyPadding="10">
                                <Items>
                                    <ext:Panel ID="Tab1" runat="server" Title="Add/Edit Fund or Company" BodyPadding="6"
                                        BodyStyle="height: auto;">
                                        <Content>
                                            <table style="width: 60%; vertical-align: top; background-color: #FFFFFF; border: 1px solid #8BB7E3;"
                                                cellpadding="5" cellspacing="0">
                                                <tr>
                                                    <td colspan="6" valign="top" class="subFormHeader">
                                                        Search Fund/Company Name
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 20px;">
                                                        &nbsp;
                                                    </td>
                                                    <td class="style1">
                                                        <ext:Label ID="Label1" runat="server" Text="Criteria:">
                                                        </ext:Label>
                                                    </td>
                                                    <td class="style3">
                                                        <ext:Store ID="storeCriteria" runat="server">
                                                            <Model>
                                                                <ext:Model ID="mdlcriteria" runat="server" IDProperty="AVID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="Value" Type="String" />
                                                                        <ext:ModelField Name="AVID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="cbCriteria" DisplayField="Value" ValueField="AVID"
                                                            StoreID="storeCriteria" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td class="style1">
                                                        <ext:Label ID="Label11" runat="server" Text="Keyword:">
                                                        </ext:Label>
                                                    </td>
                                                    <td class="style2">
                                                        <asp:TextBox CssClass="formTextbox" ID="txtSearchFundName" runat="server"></asp:TextBox>
                                                    </td>
                                                    <td class="style2">
                                                        <ext:Button ID="btnsearchfund" runat="server" Icon="Magnifier" Cls="formButtonExt2"
                                                            Text="Search" Height="25" Width="70">
                                                        </ext:Button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="6">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td colspan="5">
                                                        <ext:Panel ID="pnlresult" runat="server" Title="Search Result" BodyPadding="10" Padding="15"
                                                            Height="100">
                                                            <Content>
                                                                <ext:Store ID="storeFundResult" runat="server">
                                                                    <Model>
                                                                        <ext:Model ID="mdlfund" runat="server" IDProperty="FundID">
                                                                            <Fields>
                                                                                <ext:ModelField Name="FundID" Type="Int" />
                                                                                <ext:ModelField Name="FundName" Type="String" />
                                                                            </Fields>
                                                                        </ext:Model>
                                                                    </Model>
                                                                </ext:Store>
                                                                <ext:ComboBox runat="server" Disabled="true" ID="cbFundResults" DisplayField="FundName"
                                                                    ValueField="FundID" StoreID="storeFundResult" Anchor="100%" QueryMode="Local"
                                                                    Width="300px">
                                                                    <SelectedItems>
                                                                        <ext:ListItem Index="0" />
                                                                    </SelectedItems>
                                                                </ext:ComboBox>
                                                            </Content>
                                                        </ext:Panel>
                                                    </td>
                                                </tr>
                                            </table>
                                            <table>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                            </table>
                                            <table style="width: 60%; vertical-align: top; background-color: #FFFFFF; border: 1px solid #8BB7E3;"
                                                cellpadding="5" cellspacing="0">
                                                <tr>
                                                    <td colspan="4" valign="top" class="subFormHeader">
                                                        Add New Fund/Company
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="rfvCSS" colspan="4">
                                                        <ext:Label runat="server" ID="lblfunderror" Cls="rfvCSS2" Text="" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 20px;">
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn" style="width: 200px;">
                                                        <ext:Label runat="server" ID="lblFundName" Cls="requiredLabel" Text="Fund / Company Name:" />
                                                    </td>
                                                    <td>
                                                        <ext:TextField Cls="formTextbox" ID="txtFundName" runat="server" />
                                                        <asp:RequiredFieldValidator ID="rfvFundName" ControlToValidate="txtFundName" runat="server"
                                                            Enabled="true" ValidationGroup="FundNameData">
                                                        </asp:RequiredFieldValidator>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="lblFundManager" runat="server" Text="Fund / Company Manager:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="storeFundManager" runat="server">
                                                            <Model>
                                                                <ext:Model ID="mdlFundManager" runat="server" IDProperty="FundManagerID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="FundManagerName" Type="String" />
                                                                        <ext:ModelField Name="FundManagerID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="cbFundManager" DisplayField="FundManagerName" ValueField="FundManagerID"
                                                            StoreID="storeFundManager" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label2" runat="server" Text="Fund Size:" Cls="formLabel" />
                                                    </td>
                                                    <td>
                                                        <ext:TextField Cls="formTextbox" ID="txtFundSize" runat="server" />
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label3" runat="server" Text="Fund Currency:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="storeCurrency" runat="server">
                                                            <Model>
                                                                <ext:Model ID="mdlFundCurrency" runat="server" IDProperty="AVID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="Value" Type="String" />
                                                                        <ext:ModelField Name="AVID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="cbCurrency" DisplayField="Value" ValueField="AVID"
                                                            StoreID="storeCurrency" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label4" runat="server" Text="Vintage Year:" Cls="formLabel" />
                                                    </td>
                                                    <td class="style3">
                                                        <ext:TextField Cls="formTextbox" ID="txtVintageYear" runat="server" />
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label5" runat="server" Text="Fund Strategy:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="storeFundStrategy" runat="server">
                                                            <Model>
                                                                <ext:Model ID="mdlFundStrategy" runat="server" IDProperty="AVID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="Value" Type="String" />
                                                                        <ext:ModelField Name="AVID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="cbFundStrategy" DisplayField="Value" ValueField="AVID"
                                                            StoreID="storeFundStrategy" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label6" runat="server" Text="Fund SubStrategy:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="storeFundSubStrategy" runat="server">
                                                            <Model>
                                                                <ext:Model ID="mdlFundSubStrategy" runat="server" IDProperty="AVID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="Value" Type="String" />
                                                                        <ext:ModelField Name="AVID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="cbFundSubStrategy" DisplayField="Value" ValueField="AVID"
                                                            StoreID="storeFundSubStrategy" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label7" runat="server" Text="Fund Asset Region:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="storeFundAssetRegion" runat="server">
                                                            <Model>
                                                                <ext:Model ID="mdlFundAssetRegion" runat="server" IDProperty="AVID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="Value" Type="String" />
                                                                        <ext:ModelField Name="AVID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="cbFundAssetRegion" DisplayField="Value" ValueField="AVID"
                                                            StoreID="storeFundAssetRegion" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4" align="center">
                                                        <table>
                                                            <tr>
                                                                <td>
                                                                    <ext:Button ID="btnSavefund" runat="server" Icon="Disk" Cls="formButtonExt2" Text="Save"
                                                                        Height="25" Width="70" ValidationGroup="FundNameData">
                                                                    </ext:Button>
                                                                </td>
                                                                <td width="20px">
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                    <ext:Button ID="btnCancelfund" runat="server" Icon="Cancel" Cls="formButtonExt2"
                                                                        Text="Cancel" Height="25" Width="70">
                                                                    </ext:Button>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                            </table>
                                        </Content>
                                    </ext:Panel>
                                    <ext:Panel ID="Tab2" runat="server" Title="Add/Edit GP" BodyPadding="6" BodyStyle="height: auto;">
                                        <Content>
                                             <table style="width: 60%; vertical-align: top; background-color: #FFFFFF; border: 1px solid #8BB7E3;"
                                                cellpadding="5" cellspacing="0">
                                                <tr>
                                                    <td colspan="4" valign="top" class="subFormHeader">
                                                        Add New Fund/Company
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="rfvCSS" colspan="4">
                                                        <ext:Label runat="server" ID="Label8" Cls="rfvCSS2" Text="" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 20px;">
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn" style="width: 200px;">
                                                        <ext:Label runat="server" ID="Label9" Cls="requiredLabel" Text="Fund / Company Name:" />
                                                    </td>
                                                    <td>
                                                        <ext:TextField Cls="formTextbox" ID="TextField1" runat="server" />
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="txtFundName" runat="server"
                                                            Enabled="true" ValidationGroup="FundNameData">
                                                        </asp:RequiredFieldValidator>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label10" runat="server" Text="Fund / Company Manager:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="store1" runat="server">
                                                            <Model>
                                                                <ext:Model ID="Model1" runat="server" IDProperty="FundManagerID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="FundManagerName" Type="String" />
                                                                        <ext:ModelField Name="FundManagerID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="ComboBox1" DisplayField="FundManagerName" ValueField="FundManagerID"
                                                            StoreID="storeFundManager" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label12" runat="server" Text="Fund Size:" Cls="formLabel" />
                                                    </td>
                                                    <td>
                                                        <ext:TextField Cls="formTextbox" ID="TextField2" runat="server" />
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label13" runat="server" Text="Fund Currency:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="store2" runat="server">
                                                            <Model>
                                                                <ext:Model ID="Model2" runat="server" IDProperty="AVID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="Value" Type="String" />
                                                                        <ext:ModelField Name="AVID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="ComboBox2" DisplayField="Value" ValueField="AVID"
                                                            StoreID="storeCurrency" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label14" runat="server" Text="Vintage Year:" Cls="formLabel" />
                                                    </td>
                                                    <td class="style3">
                                                        <ext:TextField Cls="formTextbox" ID="TextField3" runat="server" />
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label15" runat="server" Text="Fund Strategy:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="store3" runat="server">
                                                            <Model>
                                                                <ext:Model ID="Model3" runat="server" IDProperty="AVID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="Value" Type="String" />
                                                                        <ext:ModelField Name="AVID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="ComboBox3" DisplayField="Value" ValueField="AVID"
                                                            StoreID="storeFundStrategy" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label16" runat="server" Text="Fund SubStrategy:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="store4" runat="server">
                                                            <Model>
                                                                <ext:Model ID="Model4" runat="server" IDProperty="AVID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="Value" Type="String" />
                                                                        <ext:ModelField Name="AVID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="ComboBox4" DisplayField="Value" ValueField="AVID"
                                                            StoreID="storeFundSubStrategy" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                    <td class="leftTableColumn">
                                                        <ext:Label ID="Label17" runat="server" Text="Fund Asset Region:" Cls="formLabel" />
                                                    </td>
                                                    <td class="formDropdown">
                                                        <ext:Store ID="store5" runat="server">
                                                            <Model>
                                                                <ext:Model ID="Model5" runat="server" IDProperty="AVID">
                                                                    <Fields>
                                                                        <ext:ModelField Name="Value" Type="String" />
                                                                        <ext:ModelField Name="AVID" Type="Int" />
                                                                    </Fields>
                                                                </ext:Model>
                                                            </Model>
                                                        </ext:Store>
                                                        <ext:ComboBox runat="server" ID="ComboBox5" DisplayField="Value" ValueField="AVID"
                                                            StoreID="storeFundAssetRegion" Anchor="100%" QueryMode="Local">
                                                            <SelectedItems>
                                                                <ext:ListItem Index="0" />
                                                            </SelectedItems>
                                                        </ext:ComboBox>
                                                    </td>
                                                    <td>
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4" align="center">
                                                        <table>
                                                            <tr>
                                                                <td>
                                                                    <ext:Button ID="Button1" runat="server" Icon="Disk" Cls="formButtonExt2" Text="Save"
                                                                        Height="25" Width="70" ValidationGroup="FundNameData">
                                                                    </ext:Button>
                                                                </td>
                                                                <td width="20px">
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                    <ext:Button ID="Button2" runat="server" Icon="Cancel" Cls="formButtonExt2"
                                                                        Text="Cancel" Height="25" Width="70">
                                                                    </ext:Button>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                            </table>
                                        </Content>
                                    </ext:Panel>
                                </Items>
                            </ext:TabPanel>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
  8. #8
    Feb 12, 2013, 8:37 PM

    Updates

    Could you please provide an update regarding this issue.

    Thank you,
  9. #9
    Feb 12, 2013, 9:18 PM
    Try to add the following listener to TabPanel
    <AfterLayout Handler="this.doLayout();" Single="true" Delay="100" />
  10. #10
    Feb 12, 2013, 9:24 PM
    Could you please explain what does this line do?
    Also can it be applied to the panel as well?
Page 1 of 3 123 LastLast

Similar Threads

  1. Panel Layout or AutoHeight Problem (autoscroll=true is working but autoheight=true didnt worked)
    By fatihunal in forum 1.x Help
    Replies: 2
    Last Post: Oct 04, 2012, 10:14 AM
  2. [CLOSED] MenuPanel AutoHeight is not working in V1.0?
    By vali1993 in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Mar 23, 2010, 5:59 PM
  3. [1.0] Panel autoheight
    By SouthDeveloper in forum 1.x Help
    Replies: 2
    Last Post: Feb 12, 2010, 6:30 PM
  4. [CLOSED] panel autoheight
    By idrissb in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 18, 2009, 2:07 PM
  5. [CLOSED] GridPanel AutoHeight is not working like I would hope
    By SFritsche in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 29, 2009, 5:24 PM

Posting Permissions