Results 1 to 2 of 2

Thread: Showing/Hiding panel in borderLayout shows/hides all spliter on the same level

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-7231 in a recent build.
  1. #1
    Sencha Premium Member
    Join Date
    Aug 2007
    Location
    Pilsen, Czech Republic
    Posts
    41
    Vote Rating
    0
      0  

    Default Showing/Hiding panel in borderLayout shows/hides all spliter on the same level

    REQUIRED INFORMATION


    Ext version tested:
    • Ext 4.1.1
    • Ext 4.1.2


    Browser versions tested against:
    • FF 15
    • IE 7


    DOCTYPE tested against:
    • HTML 4 strict


    Description:
    • When I hide one of panels in border layout, this action hides also all splitter on the same nesting level as hiding panel.


    Steps to reproduce the problem:
    • Use attached example
    • Click on button 'Show/Hide north region'
    • See splitter between CENTER and SOUTH region


    The result that was expected:
    • NORTH region is hidden incl. splitter between it and CENTER region
    • Splitter between CENTER and SOUTH regions is still visible and can be used to resize SOUTH region


    The result that occurs instead:
    • NORTH region is hidden inc. splitter[OK]
    • Splitter between CENTER and SOUTH regions is also hidden [BUG]
    • SOUTH region can't be resized by mouse [BUG]


    Test Case:

    Code:
    Ext.onReady(function (){
    	Ext.create('Ext.Viewport', {
    		layout: 'border',
    		items: [{
    			region: 'center',
    			xtype: 'panel',
    			html: 'CENTER'
    		}, {
    			region: 'north',
    			xtype: 'panel',
    			height: 100,
    			id: 'north',
    			split: true,
    			html: 'NORTH'
    		}, {
    			region: 'south',
    			height: 100,
    			xtype: 'panel',
    			split: true,
    			html: 'SOUTH',
    			bbar: {
    				xtype: 'toolbar',
    				items: {
    					text: 'Show/Hide North region',
    					handler: function () {
    						Ext.getCmp('north').setVisible(!Ext.getCmp('north').isVisible());
    					}
    				}
    			}
    		}]
    	});
    });


    HELPFUL INFORMATION

    Additional CSS used:
    • only default ext-all.css

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,411
    Vote Rating
    1290
      0  

    Default

    This has been fixed for 4.1.3
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •