Results 1 to 7 of 7

Thread: [FIXED][PR3] TriggerField in ToolBar width size

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,029
    Vote Rating
    1368
      0  

    Default [FIXED][PR3] TriggerField in ToolBar width size

    I have a Window with a top docked Toolbar. In it I have two DateFields (a date range to filter). The width of the first one takes the entire width. The other one is placed under it. I can specify the width of the fields and they will go next to each other as expected.

    If I change them to TextFields, they are place next to each other.

    Code:
    xtype : "toolbar",
    dock  : "top",
    items : [
    	{
    		xtype : "datefield",
    		fieldLabel : "From"
    	},
    	"-",
    	{
    		xtype : "datefield",
    		fieldLabel : "To"
    	}
    ]
    vs

    Code:
    xtype : "toolbar",
    dock  : "top",
    items : [
    	{
    		xtype : "textfield",
    		fieldLabel : "From"
    	},
    	"-",
    	{
    		xtype : "textfield",
    		fieldLabel : "To"
    	}
    ]
    I believe this to be a bug with Ext.layout.component.form.Trigger
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  2. #2
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,760
    Vote Rating
    83
      0  

    Default

    This is not labeled [FIXED], so I don't know if anyone has pushed a fix to the repo which I now have....

    But I cannot reproduce this here.

    If I do

    Code:
    w = new Ext.Window({
        title: 'Test',
        width: 600,
        height: 200,
        dockedItems: {
            xtype : "toolbar",
            dock  : "top",
            items : [{
                xtype : "datefield",
                fieldLabel : "From"
            },
            "-",
            {
                xtype : "datefield",
                fieldLabel : "To"
            }]
        }
    });
    w.show()
    I get

    Longtime Sencha engineer. Now surplus to requirements apparently...

  3. #3
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,029
    Vote Rating
    1368
      0  

    Default

    Just copying and pasting your code, I get this:



    I have tried with my Mac OS X 10.6 with Chrome, Safari, and Firefox
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  4. #4
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,760
    Vote Rating
    83
      0  

    Default

    Do you have a doctype? in that page
    Longtime Sencha engineer. Now surplus to requirements apparently...

  5. #5
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,029
    Vote Rating
    1368
      0  

    Default

    Got this at the top:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    Demo here:

    http://www.simoens.org/bugs/Window%20Trigger.html

    Had to refresh three times, first two I guess there was a transfer error as things were all messed up but on local it worked no problem, with the error.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  6. #6
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,760
    Vote Rating
    83
      0  

    Default

    It must be something which has been fixed. Because I see the problem when I run your page here. But not when I run the same code served locally with the latest ExtJS code.

    I'm going to mark this as fixed, but keep an eye on it when PR4 comes out.
    Longtime Sencha engineer. Now surplus to requirements apparently...

  7. #7
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,029
    Vote Rating
    1368
      0  

    Default

    Just adding a note that I have tested this with PR4 and it works as expected using this code Animal provided:

    Code:
    w = new Ext.Window({
        title: 'Test',
        width: 600,
        height: 200,
        dockedItems: {
            xtype : "toolbar",
            dock  : "top",
            items : [{
                xtype : "datefield",
                fieldLabel : "From"
            },
            "-",
            {
                xtype : "datefield",
                fieldLabel : "To"
            }]
        }
    });
    w.show()
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

Similar Threads

  1. Replies: 4
    Last Post: 25 Feb 2011, 3:18 AM
  2. Replies: 1
    Last Post: 1 Jul 2010, 5:41 AM
  3. TriggerField width problem
    By Gabor Turi in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 14 May 2009, 7:17 AM
  4. [2.0??] TriggerField wrap width bug ?
    By rd in forum Ext 2.x: Bugs
    Replies: 2
    Last Post: 11 Mar 2008, 3:11 PM

Posting Permissions

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