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
    37,329
    Vote Rating
    847
    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 [FIXED][PR3] TriggerField in ToolBar width size

    [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 @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 - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,507
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      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


  3. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,329
    Vote Rating
    847
    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


    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 @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.

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,507
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Do you have a doctype? in that page

  5. #5
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,329
    Vote Rating
    847
    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


    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 @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.

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,507
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      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.

  7. #7
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,329
    Vote Rating
    847
    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


    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 @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.

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

Thread Participants: 1