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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,856
    Vote Rating
    1322
      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
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,626
    Vote Rating
    54
      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 geek. Outspoken advocate of pure Javascript Views. Posts my own opinions.

  3. #3
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,856
    Vote Rating
    1322
      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
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,626
    Vote Rating
    54
      0  

    Default

    Do you have a doctype? in that page
    Longtime Sencha geek. Outspoken advocate of pure Javascript Views. Posts my own opinions.

  5. #5
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,856
    Vote Rating
    1322
      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
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,626
    Vote Rating
    54
      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 geek. Outspoken advocate of pure Javascript Views. Posts my own opinions.

  7. #7
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,856
    Vote Rating
    1322
      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
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    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
  •