Results 1 to 3 of 3

Thread: [FIXED]Form fields in toolbar break layout

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Dec 2007
    Posts
    40
    Vote Rating
    0
      0  

    Default [FIXED]Form fields in toolbar break layout

    When using form fields (text field, combo) in a toolbar, it utterly breaks the layout of the toolbar.

    Code:
    Ext.onReady(function() {
        var app = Ext.create("Ext.container.Viewport", {
           layout: "border",
           items: [{
               region: "center",
               title: "Test",
               dockedItems: [{
                   dock: "top",
                   xtype: "toolbar",
                   items: [{
                       xtype: "tbtext",
                       text: "Whatever"
                   },
                   " ", {
                       xtype: "textfield",
                       width: 100,
                       value: "Foobar"
                   }, {
                       xtype: "combo",
                       queryMode: "local",
                       store: new Ext.data.Store({
                           fields: [
                                "value",
                                "display"
                            ],
                           data: [[1, "Spam"], [2, "Egg"]]
                       })
                   }]
               }]   
           }]
        });
    });

  2. #2
    Sencha User
    Join Date
    Dec 2007
    Posts
    40
    Vote Rating
    0
      0  

    Default

    Okay, it seems specifying size and "hideLabel: true" helps. I don't recall having to do this in Ext JS 3 though.

  3. #3
    Sencha User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    18,984
    Vote Rating
    933
      0  

    Default

    This should be resolved in the next release. Note you still need to use hideLabel on the fields.
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

Similar Threads

  1. extraneous line break in toolbar menu
    By scusyxx in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 25 Nov 2010, 9:16 AM
  2. Replies: 5
    Last Post: 12 May 2009, 5:32 AM
  3. [FIXED] [3.0rc1.1] hbox layout messing with form fields heights
    By usiw in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 11 May 2009, 4:19 AM
  4. Form layout: want to put in non-form field headers betwen fields
    By Stoob in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 9 Jun 2008, 10:32 AM
  5. Form layout: any way to reduce vertical space between form fields?
    By dante in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 28 Mar 2008, 11:14 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
  •