[CLOSED] FieldSet is not resizing while collapse and expand navigation menu

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] FieldSet is not resizing while collapse and expand navigation menu

    Hi,

    I am creating all controls from code behind. The field set adding at right side panel and navigation menu added at left. The field set border is completely showing if collapse the left side panel. It is not resizing based on expand and collapse the panel. I have given monitor resize property for all whichever is required and also added flex property for all controls in composite field. The field set is not resizing automatically while expand.

    
    <%@ Page Language="VB" %>
    <%@ 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">
     
    <script runat="server">
         
        Protected Overrides Sub OnLoad(e As EventArgs)
            MyBase.OnLoad(e)
             
            If Not Ext.Net.X.IsAjaxRequest Then
                BindData()
                BindValues()
            End If
        End Sub
         
        Private Sub BindData()
            Dim i As Integer
             
            For i = 0 To 3
                LoadSectionControls(i)
            Next
             
        End Sub
        
        Private Sub BindValues()
            Dim i As Integer
             
            For i = 0 To 3
                LoadValuesControls(i)
            Next
             
        End Sub
        
        Public Sub LoadValuesControls(indexinfo As Integer)
            Ext.Net.X.GetCmp(Of Ext.Net.NumberField)("txtn_" & indexinfo.ToString()).Text = indexinfo
        End Sub
        
        Public Sub ReadValues(sender As Object, e As DirectEventArgs)
            Dim i As Integer = 0
            Dim allvalues As String = ""
            
            For i = 0 To 3
                allvalues += Ext.Net.X.GetCmp(Of Ext.Net.NumberField)("txtn_" & i.ToString()).Text + ", "
            Next
            
            Ext.Net.X.Js.Alert("All Values  = " & allvalues)
            
        End Sub
         
        Public Sub LoadSectionControls(menuCount As Integer)
             
            Dim lnkAssign As New Ext.Net.MenuItem()
            lnkAssign.ID = "mnu" + menuCount.ToString()
            lnkAssign.Text = "Assign Users " + menuCount.ToString()
            lnkAssign.Icon = Ext.Net.Icon.ArrowRight
            lnkAssign.BackColor = System.Drawing.Color.White
            If menuCount = 0 Then
                pnlFormMenuMain.SelectedIndex = 0
            End If
     
            lnkAssign.Listeners.Click.Handler = "SetPanelActiveWindow(" + menuCount.ToString() + ")"
     
            Dim menuSepAssign As New Ext.Net.MenuSeparator()
     
            pnlFormMenuMain.Menu.Add(lnkAssign)
            pnlFormMenuMain.Menu.Add(menuSepAssign)
     
            Dim sectionAssign As New FieldSet()
            sectionAssign.ID = "fldAssignUsers_" & menuCount.ToString()
            sectionAssign.Title = "Assign Users " & menuCount.ToString()
            sectionAssign.Collapsible = False
            sectionAssign.AutoHeight = True
            sectionAssign.BodyStyle = "background-color:#ededed; padding:15px 10px 0px px"
            sectionAssign.MonitorResize = True
            sectionAssign.Padding = 5
            'sectionAssign.Flex = 1
            sectionAssign.Layout = "form"
            sectionAssign.HideLabels = True
            sectionAssign.LabelSeparator = ""
             
            Dim pnlAssignCommon As New Ext.Net.Panel()
            pnlAssignCommon.ID = "pnlAssignUsers_" & menuCount.ToString()
            pnlAssignCommon.Title = ""
            pnlAssignCommon.AutoHeight = True
            pnlAssignCommon.MonitorResize = True
            pnlAssignCommon.Border = False
            pnlAssignCommon.Margins = "5,5,5,5"
            pnlAssignCommon.BodyStyle = "background-color:#ededed;"
            pnlAssignCommon.HideMode = HideMode.Offsets
             
            Dim lblFieldDesc As Ext.Net.Label
            Dim comFld As Ext.Net.CompositeField
            Dim pnlFld As Ext.Net.Panel
             
            comFld = New Ext.Net.CompositeField
            comFld.ID = "comFldNum1_" & menuCount.ToString()
            comFld.Listeners.AfterRender.Handler = "this.innerCt.on('afterlayout', function(){this.layout.innerCt.setHeight(22);});"
            
     
            pnlFld = New Ext.Net.Panel
            pnlFld.Header = False
            'pnlFld.Width = Unit.Pixel(20)
            pnlFld.Flex = 1
            pnlFld.ID = "pnlCheckListNum1_" & menuCount.ToString()
            pnlFld.BodyStyle = "background-color:#ffffff"
            pnlFld.Height = Unit.Pixel(20)
     
            lblFieldDesc = New Ext.Net.Label
            lblFieldDesc.ID = "lblNum1_" & menuCount.ToString()
            lblFieldDesc.Html = "<b><font color='red'>*</font></b>Assign User " & menuCount.ToString()
            lblFieldDesc.Icon = Ext.Net.Icon.ApplicationGo
            'lblFieldDesc.Width = 300
            lblFieldDesc.Flex = 10
            
     
            comFld.Items.Add(pnlFld)
            comFld.Items.Add(lblFieldDesc)
             
            Dim txtCustomField As New Ext.Net.NumberField()
            txtCustomField.ID = "txtn_" & menuCount.ToString()
            'txtCustomField.Width = 250
            txtCustomField.Flex = 8
            txtCustomField.DecimalPrecision = 3
            txtCustomField.FieldLabel = "Text Field 1"
            txtCustomField.AllowBlank = True
             
            comFld.Items.Add(txtCustomField)
            sectionAssign.Items.Add(comFld)
             
            comFld = New Ext.Net.CompositeField
            comFld.ID = "comFldNum2_" & menuCount.ToString()
            comFld.Listeners.AfterRender.Handler = "this.innerCt.on('afterlayout', function(){this.layout.innerCt.setHeight(22);});"
     
            pnlFld = New Ext.Net.Panel
            pnlFld.Header = False
            'pnlFld.Width = Unit.Pixel(20)
            pnlFld.Flex = 1
            pnlFld.ID = "pnlCheckListNum2_" & menuCount.ToString()
            pnlFld.BodyStyle = "background-color:#ffffff"
            pnlFld.Height = Unit.Pixel(20)
     
            lblFieldDesc = New Ext.Net.Label
            lblFieldDesc.ID = "lblNum2_" & menuCount.ToString()
            lblFieldDesc.Html = "<b><font color='red'>*</font></b>Assign User Value"
            lblFieldDesc.Icon = Ext.Net.Icon.ApplicationGo
            'lblFieldDesc.Width = 300
            lblFieldDesc.Flex = 10
     
            comFld.Items.Add(pnlFld)
            comFld.Items.Add(lblFieldDesc)
             
            Dim spnField As New Ext.Net.SpinnerField()
            spnField.ID = "spnr_" & menuCount.ToString()
            spnField.AllowBlank = True
            spnField.FieldLabel = "Spinner Field " & menuCount.ToString()
            'spnField.Width = 250
            spnField.Flex = 8
            spnField.DecimalPrecision = 3
             
            comFld.Items.Add(spnField)
                     
            sectionAssign.Items.Add(comFld)
             
            pnlAssignCommon.Items.Add(sectionAssign)
            pnlFields.Items.Add(pnlAssignCommon)
     
        End Sub
         
    </script>
     
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
        <script language="javascript" type="text/javascript">
            var SetPanelActiveWindow = function (index) {
                Ext.getCmp("pnlFields").layout.setActiveItem(index);
            };
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="resMngr" runat="server" />
        <ext:Viewport ID="vpReqFields" runat="server" Layout="border" StyleSpec="background-color: #C9D9ED;">
            <Items>
                <ext:Panel ID="pnlAll1003Sections" runat="server" Collapsible="true" Region="West"
                    Width="220" Split="true" Border="true" Title="Start New Loan" BodyStyle="background-color:#ededed;"
                    Layout="Border">
                    <Items>
                        <ext:Panel ID="pnlLeftCtrls" runat="server" Region="Center" Layout="BorderLayout"
                            Border="false">
                            <Items>
                                <ext:Panel ID="pnl1003Information" runat="server" Title="" Border="false" Icon="Application"
                                    Layout="Border" Region="Center">
                                    <Items>
                                        <ext:MenuPanel ID="pnlFormMenuMain" runat="server" Region="Center" Border="false">
                                        </ext:MenuPanel>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
                <ext:Panel ID="pnlTabs" runat="server" Region="Center" Layout="BorderLayout" Border="false"
                    MonitorResize="true">
                    <Items>
                        <ext:TabPanel ID="tabSections" runat="server" Title="TabPanel" ActiveIndex="0" Region="Center"
                            StyleSpec="background-color: #C9D9ED;" Plain="true">
                            <Items>
                                <ext:Panel ID="pnlPain" runat="server" BodyStyle="background-color:#ffffff" Border="true"
                                    MonitorResize="true" Title="Loan Data" Layout="BorderLayout">
                                    <Items>
                                        <ext:Panel ID="frmLoan" runat="server" BodyStyle="background-color:#ededed;" MonitorResize="true"
                                            Layout="BorderLayout" Title="" ButtonAlign="Center" Region="Center" Margins="5,5,5,5">
                                            <Items>
                                                <ext:Panel ID="pnlFields" runat="server" Title="Loan" Header="false" Layout="card"
                                                    ActiveIndex="0" Padding="20" BodyStyle="background-color:#ededed;" BodyBorder="false"
                                                    Region="Center" AutoScroll="true" ButtonAlign="Center">                                                
                                                    <TopBar>
                                                        <ext:Toolbar ID="tbHeader" runat="server" Height="28">
                                                            <Items>
                                                            </Items>
                                                        </ext:Toolbar>
                                                    </TopBar>
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                    <ext:Button ID="btnCheck" Text="Read Values" runat="server">
                                                    <DirectEvents>
                                                    <Click OnEvent="ReadValues">                                                
                                                    </Click>
                                                    </DirectEvents>
                                                    </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>                                        
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:TabPanel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>
    Last edited by Daniil; Sep 02, 2013 at 3:48 AM. Reason: [CLOSED]
  2. #2
    Hi @rnachman,

    The pnlAssignCommon has no layout.

    Setting up
    pnlAssignCommon.Layout = "fit"
    appears to be helpful.
  3. #3
    Hi Daniil,

    This change is working fine in IE, but in chrome nothing is showing, I mean pnlAssignCommon is not showing at all. I am attaching the screenshot. If I collapse the left panel then it is showing.
    Click image for larger version. 

Name:	TabInfo.PNG 
Views:	15 
Size:	12.7 KB 
ID:	6787
    Last edited by rnachman; Aug 20, 2013 at 6:41 PM.
  4. #4
    I think you should remove this:
    pnlAssignCommon.AutoHeight = True
  5. #5
    Hi Daniil,

    Still not showing.
  6. #6
    Confirm. What about removing this as well?
    sectionAssign.AutoHeight = True
    Last edited by Daniil; Aug 22, 2013 at 3:44 PM.
  7. #7
    Hi Daniil,

    I have tested by removing it, but still it is not working.
  8. #8
    Hmm, it works for me.

    Could you please post a final page you are testing with?
  9. #9
    Hi Daniil,

    Here is the code I am posting it. I tested this in Chrome (29.0.1547.57 m). Initially the controls are not showing, it is work fine once you collapse the left panel. I have made some changes to the code like added another section in the same screen, and it resolved the initial showing issue, but the second section is displaying differently even the design is same for both section. Please run the code you can identify the difference. It is having problem in all pages. Please help me to resolve it. This is actual design of my forms.



    <%@ Page Language="VB" %>
    <%@ 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">
     
    <script runat="server">
         
        Protected Overrides Sub OnLoad(e As EventArgs)
            MyBase.OnLoad(e)
             
            If Not Ext.Net.X.IsAjaxRequest Then
                BindData()
                BindValues()
            End If
        End Sub
         
        Private Sub BindData()
            Dim i As Integer
             
            For i = 0 To 3
                LoadSectionControls(i)
            Next
             
        End Sub
        
        Private Sub BindValues()
            Dim i As Integer
             
            For i = 0 To 3
                LoadValuesControls(i)
            Next
             
        End Sub
        
        Public Sub LoadValuesControls(indexinfo As Integer)
            Ext.Net.X.GetCmp(Of Ext.Net.NumberField)("txtn_" & indexinfo.ToString()).Text = indexinfo
        End Sub
        
        Public Sub ReadValues(sender As Object, e As DirectEventArgs)
            Dim i As Integer = 0
            Dim allvalues As String = ""
            
            For i = 0 To 3
                allvalues += Ext.Net.X.GetCmp(Of Ext.Net.NumberField)("txtn_" & i.ToString()).Text + ", "
            Next
            
            Ext.Net.X.Js.Alert("All Values  = " & allvalues)
            
        End Sub
         
        Public Sub LoadSectionControls(menuCount As Integer)
             
            Dim lnkAssign As New Ext.Net.MenuItem()
            lnkAssign.ID = "mnu" + menuCount.ToString()
            lnkAssign.Text = "Assign Users " + menuCount.ToString()
            lnkAssign.Icon = Ext.Net.Icon.ArrowRight
            lnkAssign.BackColor = System.Drawing.Color.White
            If menuCount = 0 Then
                pnlFormMenuMain.SelectedIndex = 0
            End If
     
            lnkAssign.Listeners.Click.Handler = "SetPanelActiveWindow(" + menuCount.ToString() + ")"
     
            Dim menuSepAssign As New Ext.Net.MenuSeparator()
     
            pnlFormMenuMain.Menu.Add(lnkAssign)
            pnlFormMenuMain.Menu.Add(menuSepAssign)
     
            Dim pnlAssignCommon As New Ext.Net.Panel()
            pnlAssignCommon.ID = "pnlAssignUsers_" & menuCount.ToString()
            pnlAssignCommon.Title = ""
            pnlAssignCommon.MonitorResize = True
            pnlAssignCommon.Border = False
            pnlAssignCommon.Margins = "5,5,5,5"
            pnlAssignCommon.BodyStyle = "background-color:#ededed;"
            pnlAssignCommon.HideMode = HideMode.Offsets
            pnlAssignCommon.Layout = "fit"
             
            
            Dim sectionAssign As New FieldSet()
            sectionAssign.ID = "fldAssignUsers_" & menuCount.ToString()
            sectionAssign.Title = "Assign Users " & menuCount.ToString()
            sectionAssign.Collapsible = False
            sectionAssign.AutoHeight = True
            sectionAssign.BodyStyle = "background-color:#ededed; padding:15px 10px 0px px"
            sectionAssign.MonitorResize = True
            sectionAssign.Padding = 5
            sectionAssign.Layout = "form"
            sectionAssign.HideLabels = True
            sectionAssign.LabelSeparator = ""
             
            
            Dim lblFieldDesc As Ext.Net.Label
            Dim comFld As Ext.Net.CompositeField
            Dim pnlFld As Ext.Net.Panel
             
            comFld = New Ext.Net.CompositeField
            comFld.ID = "comFldNum1_" & menuCount.ToString()
            comFld.Listeners.AfterRender.Handler = "this.innerCt.on('afterlayout', function(){this.layout.innerCt.setHeight(22);});"
     
            pnlFld = New Ext.Net.Panel
            pnlFld.Header = False
            pnlFld.Width = 20
            pnlFld.ID = "pnlCheckListNum1_" & menuCount.ToString()
            pnlFld.BodyStyle = "background-color:#ffffff"
            pnlFld.Height = Unit.Pixel(20)
     
            lblFieldDesc = New Ext.Net.Label
            lblFieldDesc.ID = "lblNum1_" & menuCount.ToString()
            lblFieldDesc.Html = "<b><font color='red'>*</font></b>Assign User " & menuCount.ToString()
            lblFieldDesc.Icon = Ext.Net.Icon.ApplicationGo
            lblFieldDesc.Flex = 10
            
     
            comFld.Items.Add(pnlFld)
            comFld.Items.Add(lblFieldDesc)
             
            Dim txtCustomField As New Ext.Net.NumberField()
            txtCustomField.ID = "txtn_" & menuCount.ToString()
            txtCustomField.Flex = 8
            txtCustomField.DecimalPrecision = 3
            txtCustomField.FieldLabel = "Text Field 1"
            txtCustomField.AllowBlank = True
             
            comFld.Items.Add(txtCustomField)
            sectionAssign.Items.Add(comFld)
             
            comFld = New Ext.Net.CompositeField
            comFld.ID = "comFldNum2_" & menuCount.ToString()
            comFld.Listeners.AfterRender.Handler = "this.innerCt.on('afterlayout', function(){this.layout.innerCt.setHeight(22);});"
     
            pnlFld = New Ext.Net.Panel
            pnlFld.Header = False
            pnlFld.Width = 20
            pnlFld.ID = "pnlCheckListNum2_" & menuCount.ToString()
            pnlFld.BodyStyle = "background-color:#ffffff"
            pnlFld.Height = Unit.Pixel(20)
     
            lblFieldDesc = New Ext.Net.Label
            lblFieldDesc.ID = "lblNum2_" & menuCount.ToString()
            lblFieldDesc.Html = "<b><font color='red'>*</font></b>Assign User Value"
            lblFieldDesc.Icon = Ext.Net.Icon.ApplicationGo
            lblFieldDesc.Flex = 10
     
            comFld.Items.Add(pnlFld)
            comFld.Items.Add(lblFieldDesc)
             
            Dim spnField As New Ext.Net.SpinnerField()
            spnField.ID = "spnr_" & menuCount.ToString()
            spnField.AllowBlank = True
            spnField.FieldLabel = "Spinner Field " & menuCount.ToString()
            spnField.Flex = 8
            spnField.DecimalPrecision = 3
             
            comFld.Items.Add(spnField)
                     
            sectionAssign.Items.Add(comFld)
             
            pnlAssignCommon.Items.Add(sectionAssign)
            
            Dim sectionSecAssign As New FieldSet()
            sectionSecAssign.ID = "fldSecAssignUsers_" & menuCount.ToString()
            sectionSecAssign.Title = "Sec Assign Users " & menuCount.ToString()
            sectionSecAssign.Collapsible = False
            sectionSecAssign.AutoHeight = True
            sectionSecAssign.BodyStyle = "background-color:#ededed; padding:15px 10px 0px px"
            sectionSecAssign.MonitorResize = True
            sectionSecAssign.Padding = 5
            sectionSecAssign.Layout = "form"
            sectionSecAssign.HideLabels = True
            sectionSecAssign.LabelSeparator = ""
            
            Dim lblSecFieldDesc As Ext.Net.Label
            Dim comSecFld As Ext.Net.CompositeField
            Dim pnlSecFld As Ext.Net.Panel
             
            comSecFld = New Ext.Net.CompositeField
            comSecFld.ID = "comSecFldNum1_" & menuCount.ToString()
            comSecFld.Listeners.AfterRender.Handler = "this.innerCt.on('afterlayout', function(){this.layout.innerCt.setHeight(22);});"
     
            pnlSecFld = New Ext.Net.Panel
            pnlSecFld.Header = False
            pnlSecFld.Width = 20
            pnlSecFld.ID = "pnlSecCheckListNum1_" & menuCount.ToString()
            pnlSecFld.BodyStyle = "background-color:#ffffff"
            pnlSecFld.Height = Unit.Pixel(20)
     
            lblSecFieldDesc = New Ext.Net.Label
            lblSecFieldDesc.ID = "lblSecNum1_" & menuCount.ToString()
            lblSecFieldDesc.Html = "<b><font color='red'>*</font></b>Assign User " & menuCount.ToString()
            lblSecFieldDesc.Icon = Ext.Net.Icon.ApplicationGo
            lblSecFieldDesc.Flex = 10
            
     
            comSecFld.Items.Add(pnlSecFld)
            comSecFld.Items.Add(lblSecFieldDesc)
             
            Dim txtSecCustomField As New Ext.Net.NumberField()
            txtSecCustomField.ID = "txtSecn_" & menuCount.ToString()
            txtSecCustomField.Flex = 8
            txtSecCustomField.DecimalPrecision = 3
            txtSecCustomField.FieldLabel = "Sec Text Field 1"
            txtSecCustomField.AllowBlank = True
             
            comSecFld.Items.Add(txtSecCustomField)
            sectionSecAssign.Items.Add(comSecFld)
             
            comSecFld = New Ext.Net.CompositeField
            comSecFld.ID = "comSecFldNum2_" & menuCount.ToString()
            comSecFld.Listeners.AfterRender.Handler = "this.innerCt.on('afterlayout', function(){this.layout.innerCt.setHeight(22);});"
     
            pnlSecFld = New Ext.Net.Panel
            pnlSecFld.Header = False
            pnlSecFld.Width = 20
            pnlSecFld.ID = "pnlSecCheckListNum2_" & menuCount.ToString()
            pnlSecFld.BodyStyle = "background-color:#ffffff"
            pnlSecFld.Height = Unit.Pixel(20)
     
            lblSecFieldDesc = New Ext.Net.Label
            lblSecFieldDesc.ID = "lblSecNum2_" & menuCount.ToString()
            lblSecFieldDesc.Html = "<b><font color='red'>*</font></b>Assign User Value"
            lblSecFieldDesc.Icon = Ext.Net.Icon.ApplicationGo
            lblSecFieldDesc.Flex = 10
     
            comSecFld.Items.Add(pnlSecFld)
            comSecFld.Items.Add(lblSecFieldDesc)
             
            Dim spnSecField As New Ext.Net.SpinnerField()
            spnSecField.ID = "spnrSec_" & menuCount.ToString()
            spnSecField.AllowBlank = True
            spnSecField.FieldLabel = "Sec Spinner Field " & menuCount.ToString()
            spnSecField.Flex = 8
            spnSecField.DecimalPrecision = 3
             
            comSecFld.Items.Add(spnSecField)
                     
            sectionSecAssign.Items.Add(comSecFld)
            
            pnlAssignCommon.Items.Add(sectionSecAssign)
            
            pnlFields.Items.Add(pnlAssignCommon)
     
        End Sub
         
    </script>
     
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
        <script language="javascript" type="text/javascript">
            var SetPanelActiveWindow = function (index) {
                Ext.getCmp("pnlFields").layout.setActiveItem(index);
            };
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="resMngr" runat="server" />
        <ext:Viewport ID="vpReqFields" runat="server" Layout="border" StyleSpec="background-color: #C9D9ED;">
            <Items>
                <ext:Panel ID="pnlAll1003Sections" runat="server" Collapsible="true" Region="West"
                    Width="220" Split="true" Border="true" Title="Start New Loan" BodyStyle="background-color:#ededed;"
                    Layout="Border">
                    <Items>
                        <ext:Panel ID="pnlLeftCtrls" runat="server" Region="Center" Layout="BorderLayout"
                            Border="false">
                            <Items>
                                <ext:Panel ID="pnl1003Information" runat="server" Title="" Border="false" Icon="Application"
                                    Layout="Border" Region="Center">
                                    <Items>
                                        <ext:MenuPanel ID="pnlFormMenuMain" runat="server" Region="Center" Border="false">
                                        </ext:MenuPanel>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
                <ext:Panel ID="pnlTabs" runat="server" Region="Center" Layout="BorderLayout" Border="false"
                    MonitorResize="true">
                    <Items>
                        <ext:TabPanel ID="tabSections" runat="server" Title="TabPanel" ActiveIndex="0" Region="Center"
                            StyleSpec="background-color: #C9D9ED;" Plain="true">
                            <Items>
                                <ext:Panel ID="pnlPain" runat="server" BodyStyle="background-color:#ffffff" Border="true"
                                    MonitorResize="true" Title="Loan Data" Layout="BorderLayout">
                                    <Items>
                                        <ext:Panel ID="frmLoan" runat="server" BodyStyle="background-color:#ededed;" MonitorResize="true"
                                            Layout="BorderLayout" Title="" ButtonAlign="Center" Region="Center" Margins="5,5,5,5">
                                            <Items>
                                                <ext:Panel ID="pnlFields" runat="server" Title="Loan" Header="false" Layout="card"
                                                    ActiveIndex="0" Padding="20" BodyStyle="background-color:#ededed;" BodyBorder="false"
                                                    Region="Center" AutoScroll="true" ButtonAlign="Center">                                                
                                                    <TopBar>
                                                        <ext:Toolbar ID="tbHeader" runat="server" Height="28">
                                                            <Items>
                                                            </Items>
                                                        </ext:Toolbar>
                                                    </TopBar>
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                    <ext:Button ID="btnCheck" Text="Read Values" runat="server">
                                                    <DirectEvents>
                                                    <Click OnEvent="ReadValues">                                                
                                                    </Click>
                                                    </DirectEvents>
                                                    </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>                                        
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:TabPanel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>
    Last edited by rnachman; Aug 25, 2013 at 4:11 PM.
  10. #10
    Please remove:
    pnlAssignCommon.Layout = "fit"
    You are putting two items into the pnlAssignCommon with Layout="fit". I think it causes the break. FitLayout expects the only item.
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] Fieldset collapse codebehind
    By CarWise in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 03, 2012, 8:23 AM
  2. Replies: 1
    Last Post: Mar 07, 2012, 8:39 PM
  3. Replies: 3
    Last Post: Aug 11, 2011, 11:07 AM
  4. why is GridPanel collapse and expand unable ?
    By netcooliteuser in forum 1.x Help
    Replies: 7
    Last Post: Sep 09, 2010, 4:57 PM
  5. Replies: 4
    Last Post: Aug 19, 2009, 2:01 PM

Tags for this Thread

Posting Permissions