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

  1. #1

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

    Hi,

    The east and west region of a border layout clips the vertically positioned header text when they are collapsed. This happens firefox only.

    to reproduce this check your example page. Please view the page in firefox.

    https://examples2.ext.net/#/Layout/B...lex_in_Markup/

    How can this issue be resolved

    regards
    Last edited by Daniil; Jan 15, 2013 at 4:09 AM. Reason: [CLOSED]
  2. #2
    Hello!

    We are investigating. Temporarily use following handler:

    <ext:Panel 
    	ID="WestPanel" 
    	runat="server"
    	Region="West" 
    	Title="West"
    	Width="175"
    	MinWidth="175" 
    	MaxWidth="400" 
    	Split="true" 
    	Collapsible="true">
    	<Listeners>
    		<Collapse Handler="
    			var titleText = item.placeholder.items.last().el.child('svg');
    			titleText.setWidth(titleText.getWidth() + 4);
    			"></Collapse>
    	</Listeners>
    	<Items>
    		
    	</Items>
    </ext:Panel>
  3. #3
    Hi everybody,

    I discovered that it is not reproducible with the trunk.

    Anyway, thank you for the report! We always much appreciate it!
  4. #4
    Quote Originally Posted by Daniil View Post
    Hi everybody,

    I discovered that it is not reproducible with the trunk.

    Anyway, thank you for the report! We always much appreciate it!
    I do not understand what you mean by it is not reproducible.
    I am noticing this in our application.
  5. #5
    Quote Originally Posted by Baidaly View Post
    Hello!

    We are investigating. Temporarily use following handler:

    <ext:Panel 
    	ID="WestPanel" 
    	runat="server"
    	Region="West" 
    	Title="West"
    	Width="175"
    	MinWidth="175" 
    	MaxWidth="400" 
    	Split="true" 
    	Collapsible="true">
    	<Listeners>
    		<Collapse Handler="
    			var titleText = item.placeholder.items.last().el.child('svg');
    			titleText.setWidth(titleText.getWidth() + 4);
    			"></Collapse>
    	</Listeners>
    	<Items>
    		
    	</Items>
    </ext:Panel>
    The handler you provided is not reliable. We have a complex layout in our application that uses outer and inner collapsible panel. when applied on all the west and east panel, the outer collapsible text is hidden and then the inter west panel is fixed but reverts back when the east panel iss collapsed.

    below is the layout in our app.
      function PanelCollapseHandler (item) {
            var titleText = item.placeholder.items.last().el.child('svg');
            titleText.setWidth(titleText.getWidth() + 4);
        },
    <ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout" IDMode="Static">
            <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">                             
                                    <Items>
                                       
                                    </Items>
                                    <Listeners>
                                        <Collapse Handler="PanelCollapseHandler(this)" />
                                    </Listeners>
                                </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">                               
                                    <Listeners>
                                        <Collapse Handler="PanelCollapseHandler(this)" />
                                    </Listeners>
                                </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>
                            <Listeners>
                                <Collapse Handler="PanelCollapseHandler(this)" />
                            </Listeners>
                        </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>
            <Listeners>
                
            </Listeners>
        </ext:Viewport>
    Please let me know if there is a better way to resolve this.
  6. #6
    Quote Originally Posted by RCM View Post
    I do not understand what you mean by it is not reproducible.
    I am noticing this in our application.
    With the trunk. I mean that it is not reproducible with the Ext.NET sources for the trunk.
    http://svn.ext.net/premium/trunk/
  7. #7
    Quote Originally Posted by Daniil View Post
    With the trunk. I mean that it is not reproducible with the Ext.NET sources for the trunk.
    http://svn.ext.net/premium/trunk/
    So when will it be in the release version.?
  8. #8
    For now you can use version from trunk. According to this page http://www.ext.net/download/ and for some other reasons we can't say when will be next official release of Ext.NET.
  9. #9
    The thread is related to:
    http://forums.ext.net/showthread.php?23181

Similar Threads

  1. [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
  2. Replies: 3
    Last Post: Aug 11, 2011, 11:07 AM
  3. Collapsed border layout Region
    By rajputamit in forum 1.x Help
    Replies: 1
    Last Post: Oct 30, 2010, 4:02 PM
  4. ExtJs Extender in west region
    By maxdiable in forum 1.x Help
    Replies: 4
    Last Post: Jun 10, 2009, 4:00 AM
  5. [CLOSED] disable West region
    By speedstepmem4 in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 29, 2009, 8:55 AM

Posting Permissions