What's New?

[CLOSED] Border-layout-east-and-west-region-clip-header-text-on-collapse-in-firefox

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Jan 23, 2013, 7:31 PM

    [CLOSED] Border-layout-east-and-west-region-clip-header-text-on-collapse-in-firefox

    This is a follow up to the thread below

    http://forums.ext.net/showthread.php...pse-in-firefox

    The current version of ext. net we have in our application is the 2.1 release version. When we used the trunk version of Ext (2.2) the issue is fixed but our application become unstable and throws so many errors.

    Is there a work around to fixed the truncating of the text when the collapsible panel is collapsed in firefox when using the release version (2.1). Since the trunck build (2.2) have a lot of breaking changes thats making our application unstable.
    Last edited by Daniil; Jan 29, 2013 at 3:54 AM. Reason: [CLOSED]
  2. #2
    Jan 23, 2013, 11:49 PM
    Hello!

    Try the following one:

    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <title>Ext.NET Examples</title>

    <script>
        var panelCollapseHandler = function (panel) {
            var panels = panel.up().items.items;
            panels.forEach(function(item) {
                if (item.xtype == 'header' && item.items.last().el.child('svg')) {
                     item.items.last().el.child('svg').setWidth(20);
                }
            });
        };
    </script>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" ScriptMode="Debug" SourceFormatting="True" />
        
        <ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout" IDMode="Static">
            <Listeners>
                <AfterLayout Handler="
                if (Ext.isGecko) {
                    this.items.items[0].items.items[0].items.each(function(item) {  
                        item.on('expand', panelCollapseHandler); 
                        item.on('collapse', panelCollapseHandler); 
                    })
                }"></AfterLayout>
            </Listeners>
            <Items>
                <ext:Panel ID="Panel1" runat="server" Layout="BorderLayout" Region="Center">
                    <Items>
                        <ext:Panel runat="server" Layout="BorderLayout" Width="600" Height="400" Title="Tasks"
                            Region="West" Collapsible="true" ID="TaskPanelMain">
                            <Items>
                                <ext:Panel ID="Panel2" runat="server" Collapsible="true" Title="panels"
                                    Region="West" Width="175" Layout="FitLayout">
                                </ext:Panel>
                                <ext:Panel ID="Panel3" runat="server" Region="Center" Title="Other task"
                                    Layout="fit">                             
                                    <Items>
                                   
                                    </Items>
                                </ext:Panel>
                                <ext:Panel runat="server" Title="Logs"
                                    Width="175" Layout="Fit" Collapsible="true" ID="pnlDesktopModuleEast" Region="East">                              
                                </ext:Panel>
                                <ext:Panel ID="pnlTaskHistory" Collapsible="true" Split="false" Region="South" runat="server"
                                    Layout="FitLayout" Title="History"
                                    Collapsed="true" Height="200" BodyPaddingSummary="10px 10px 10px 10px">
                                </ext:Panel>
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="Panel4" runat="server" Region="Center" Layout="FitLayout" Border="false" Frame="false">
                        </ext:Panel>
                    </Items>
                </ext:Panel>
                <ext:Panel ID="Panel5" runat="server" Region="North">              
                </ext:Panel>
            </Items>
        </ext:Viewport>
    </form>
</body>
</html>
  3. #3
    Jan 24, 2013, 5:22 AM
    Hi @RCM,

    In such cases please feel free to continue the old thread even it is marked as closed. It is for the future, not now since you already started a new thread.

Similar Threads

  1. [CLOSED] Border layout east and west region clip header text on collapse in firefox
    By RCM in forum 2.x Legacy Premium Help
    Replies: 8
    Last Post: Jan 24, 2013, 5:21 AM
  2. [CLOSED] How to add text to a collapsed region of border layout
    By ISI in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Nov 06, 2012, 12:04 PM
  3. [CLOSED] FieldSet graphic (icon for expand / collapse) bottom border line is not showing in google chrome while collapse.
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 11, 2011, 11:07 AM
  4. Collapsed border layout Region
    By rajputamit in forum 1.x Help
    Replies: 1
    Last Post: Oct 30, 2010, 4:02 PM
  5. ExtJs Extender in west region
    By maxdiable in forum 1.x Help
    Replies: 4
    Last Post: Jun 10, 2009, 4:00 AM

Posting Permissions