Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,994
    Vote Rating
    846
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default [OPEN-EXTJSIV-211] Floating TabPanel height change

    [OPEN-EXTJSIV-211] Floating TabPanel height change


    I have a floating TabPanel with a couple tabs. One of them is a FormPanel that has many items under it. When switch to that tab, the TabPanel should resize itself but it never does. I have tried adding a listener to the cardswitch event to do the layout to the new card and tabpanel but nothing solid works.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,994
    Vote Rating
    846
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Turns out it's not just on floating TabPanels. When you switch tabs, the height does not act right. Best way to show you is a form I made with a TabPanel it in. If you switch between tabs, the height adjusts but half the time the height is not correct. Code is lengthy.

    http://www.simoens.org/videos/PR4%20...l%20Height.mp4

    Code:
    	new Ext.form.FormPanel({
    		renderTo : Ext.getBody(),
    		width: 500,
    		title : "Test",
    		defaults : {
    			anchor : "100%"
    		},
    		items : [
    			{
    				layout : "column",
    				border : false,
    				items  : [
    					{
    						columnWidth : .5,
    						border      : false,
    						frame       : true,
    						layout      : "anchor",
    						defaults    : {
    							anchor : "100%"
    						},
    						defaultType : "textfield",
    						items       : [
    							{
    								fieldLabel : "First Name"
    							},
    							{
    								fieldLabel : "Company"
    							}
    						]
    					},
    					{
    						columnWidth : .5,
    						border      : false,
    						frame       : true,
    						layout      : "anchor",
    						defaults    : {
    							anchor : "100%"
    						},
    						defaultType : "textfield",
    						items       : [
    							{
    								fieldLabel : "Last Name"
    							},
    							{
    								fieldLabel : "Email",
    								vtype      : "email"
    							}
    						]
    					}
    				]
    			},
    			{
    				xtype     : "tabpanel",
    				plain     : true,
    				activeTab : 0,
    				defaults  : {bodyStyle:"padding:10px"},
    				items     : [
    					{
    						title       : "Phone Numbers",
    						frame       : true,
    						defaults    : {
    							anchor : "100%"
    						},
    						defaultType : "textfield",
    						autoScroll  : true,
    						items       : [
    							{
    								fieldLabel : "Home"
    							},
    							{
    								fieldLabel : "Business"
    							},
    							{
    								fieldLabel : "Mobile"
    							},
    							{
    								fieldLabel : "Fax"
    							}
    						]
    					},
    					{
    						title       : "Address",
    						frame       : true,
    						defaults    : {
    							anchor : "100%"
    						},
    						defaultType : "textfield",
    						autoScroll  : true,
    						items       : [
    							{
    								fieldLabel : "House #"
    							},
    							{
    								fieldLabel : "Street"
    							},
    							{
    								fieldLabel : "Apartment"
    							},
    							{
    								fieldLabel : "City"
    							},
    							{
    								fieldLabel : "State"
    							},
    							{
    								fieldLabel : "Zip"
    							}
    						]
    					}
    				]
    			},
    			{ xtype : "textarea",      fieldLabel : "Note",                allowBlank : false, tabIndex : 6 }
    		]
    	});
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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.

  3. #3
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,747
    Vote Rating
    106
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


    Your tabpanel childen have no layout specified, could that be the cause?

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,994
    Vote Rating
    846
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Quote Originally Posted by mankz View Post
    Your tabpanel childen have no layout specified, could that be the cause?
    Technically it defaults to auto. Tried it with some of them but still the height issue is still there.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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.

  5. #5
    Sencha User
    Join Date
    May 2009
    Posts
    104
    Vote Rating
    0
    PV-Patrick is on a distinguished road

      0  

    Default


    I am experiencing the same problem with TabPanels. It's not limited to just Forms, it also does it with a Grid inside the tab as well.

  6. #6
    Sencha User
    Join Date
    May 2009
    Posts
    104
    Vote Rating
    0
    PV-Patrick is on a distinguished road

      0  

    Default


    Just wanted to confirm this is still an issue in PR5.

Similar Threads

  1. how to change tab height in tabpanel?
    By mbenothmane in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 11 Jul 2011, 12:42 AM
  2. [OPEN] [OPEN-539] 1.0RC: Floating TabPanel
    By v2toda in forum Sencha Touch 1.x: Bugs
    Replies: 3
    Last Post: 7 Jun 2011, 11:38 PM
  3. [FIXED-EXTJSIV-190] TabCloseMenu
    By James Goddard in forum Ext:Bugs
    Replies: 2
    Last Post: 7 Apr 2011, 5:35 AM
  4. Replies: 0
    Last Post: 21 Mar 2011, 5:56 AM
  5. how to change tab height in tabpanel?
    By mbenothmane in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 21 Feb 2009, 10:19 AM

Thread Participants: 2