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
    Seboss is on a distinguished road

      0  

    Default [FIXED]Form fields in toolbar break layout

    [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
    Seboss is on a distinguished road

      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 - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,662
    Vote Rating
    584
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    This should be resolved in the next release. Note you still need to use hideLabel on the fields.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

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

Thread Participants: 1