[FIXED] [#380] Show/Hide FieldSet issue on IE8

  1. #1

    [FIXED] [#380] Show/Hide FieldSet issue on IE8

    Attached Thumbnails Click image for larger version. 

Name:	Before.jpg 
Views:	17 
Size:	61.3 KB 
ID:	7204   Click image for larger version. 

Name:	After.jpg 
Views:	18 
Size:	71.8 KB 
ID:	7205   Click image for larger version. 

Name:	JSError.jpg 
Views:	15 
Size:	95.2 KB 
ID:	7206   Click image for larger version. 

Name:	JSError2.jpg 
Views:	16 
Size:	103.4 KB 
ID:	7207  
    Last edited by Baidaly; Nov 14, 2013 at 9:40 PM. Reason: [OPEN] [#380]
  2. #2
    Hello!

    It seems to be a bug of TableLayout in Ext JS. We submitted a bug report to Sencha. Here is ticket: https://github.com/extnet/Ext.NET/issues/380

    For now, try to use HBox layout, like in the following sample:

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <html>
    <head runat="server">
        <title></title>
    </head>
    <body>
      
        <form id="form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Development">
            </ext:ResourceManager>
            <ext:Viewport ID="ViewPort" runat="server" AutoScroll="True" Layout="FitLayout">
                <Items>
                    <ext:FormPanel runat="server" ID="FormPanelVacation" AutoScroll="True" Layout="HBox">
                        <Items>
                            <ext:Container Width="300">
                                <Items>
                                    <ext:Button runat="server" ID="ShowButton" Text="Show" Handler="App.FieldSetOtherVacations.show();" />
                                    <ext:Button runat="server" ID="HideButton" Text="Hide" Handler="App.FieldSetOtherVacations.hide();" />
                                </Items>
                            </ext:Container>
                            
                            <ext:FieldSet runat="server" ID="FieldSetOtherVacations" Collapsible="True" Width="200" Title="Other Vacations" HideMode="Display">
                                <LayoutConfig>
                                    <ext:TableLayoutConfig Columns="2" ItemCls="panel-table-items">
                                    </ext:TableLayoutConfig>
                                </LayoutConfig>
                                <Items>
                                    <ext:TextField runat="server" />
                                </Items>
                            </ext:FieldSet>
                        </Items>
                    </ext:FormPanel>
                </Items>
            </ext:Viewport>
      
        </form>
    </body>
    </html>
    Last edited by Baidaly; Nov 14, 2013 at 9:41 PM.
  3. #3
    Hello!

    It's been a while! We've just tried to reproduce this issue in Ext.NET 4 it didn't happen. Fieldset expanding and collapsing fine at least in IE11 running under IE8 emulation mode.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 7
    Last Post: Jun 08, 2017, 12:43 PM
  2. Replies: 7
    Last Post: Mar 10, 2015, 6:04 AM
  3. Show/Hide fieldset
    By JosefTrbusek in forum 2.x Help
    Replies: 2
    Last Post: Aug 03, 2012, 7:04 AM
  4. FieldSet's FieldLabel don't show
    By mengfb in forum 1.x Help
    Replies: 1
    Last Post: Jun 07, 2009, 2:53 PM
  5. [FIXED] Panel/Fieldset bug
    By Tech0 in forum Bugs
    Replies: 1
    Last Post: Apr 14, 2008, 12:48 PM

Posting Permissions