Results 1 to 4 of 4

Thread: Basic HBOX Layout problem - textfield height is stretched

  1. #1
    Sencha Premium User
    Join Date
    Nov 2009
    Posts
    149

    Default Basic HBOX Layout problem - textfield height is stretched

    I don't know how i can make it simpler than this (you can run it in firebug). Works as expected in IE - all the textfields are same height. However, in FireFox, the height of the latest textfield is stretched. I don't understand why, and I don't want to have to resort to setting height explicitly to avoid this.

    Thanks in advance!

    Code:
    new Ext.Window({
        title: 'test'
        , width: 400
    	, items:
    	[
    		{ // col 1
    			xtype: 'panel'
    			, border: false
    			, layout: 'form'
    			, labelWidth: 70
    			, defaultType: 'textfield'
    			, defaults: { anchor: '-25' }
    			, items:
    			[
    				{ name: 'Client_Company', fieldLabel: 'Company' }
    				, { name: 'Client_Contact', fieldLabel: 'Contact' }
    				, {
    					xtype: 'panel'
    					, fieldLabel: 'CRM ID'
    					, border: false
    					, layout: 'hbox'
    					, layoutConfig: { align: 'top', pack: 'start' }
    					, items:
    					[
    						{ xtype: 'textfield', name: 'Client_CRM_ID', flex: 1 }
    						, { xtype: 'panel', border: false, width: 5 } // spacer
    						, { 
    							xtype: 'button'
    							, text: 'Resync from CRM'
    							, iconCls: 'icon-refresh' 
    						}
    					] // eo items
    				} // eo hbox panel 
    			] // eo items
    		}
    	]
    }).show();

  2. #2
    Sencha Premium User
    Join Date
    Nov 2009
    Posts
    149

    Default

    Also I just realized that in Chrome, the boxes that are stretched out in IE, are actually shrunk... Am I doing something wrong?

  3. #3
    Sencha Premium User
    Join Date
    Nov 2009
    Posts
    149

    Default

    I just realized that if I try to run this example within a fresh ExtJS page (http://dev.sencha.com/deploy/dev/exa...rray-grid.html), the field heights are sized properly. That means something in my own page is causing this on FireFox...

    Grr I wish for an efficient process of figuring that out.

  4. #4
    Sencha Premium User
    Join Date
    Nov 2009
    Posts
    149

    Default

    What do you know - the problem was that I had a doctype specified!

    I tried all of the doctypes from this page: http://www.w3schools.com/tags/tag_doctype.asp

    ...and all of them produced the same error. Using no doctype at all eliminated the error.

Similar Threads

  1. hbox layout problem
    By Gamer in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 11 Mar 2011, 11:02 AM
  2. HBox Layout Problem
    By legrego in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 4 Jan 2011, 4:41 AM
  3. [solved] window with layout hbox displays wrong item height
    By phill54 in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 8 Dec 2010, 5:29 AM
  4. layout hbox problem
    By tomim in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 25 Sep 2009, 10:50 AM

Posting Permissions

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