1. #1
    Ext JS Premium Member tangix's Avatar
    Join Date
    Mar 2010
    Location
    Stockholm, Sweden
    Posts
    586
    Vote Rating
    52
    tangix is a jewel in the rough tangix is a jewel in the rough tangix is a jewel in the rough

      0  

    Default Regions now require width to render properly

    Regions now require width to render properly


    Moving a prototype project from 4.0.7 to 4.1-pr1 and I found the following difference causing my to change some code (to the better...)

    4.0.7 lets me get away with the following definition of a Border region:
    Code:
    {
        xtype: 'navtree',
        region: 'west',
        split: true,
        minWidth: 250              
    }
    With 4.1-pr1 I need to specifically add a width: property otherwise the west region will be 100% width.

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


    Using this code:

    Code:
    Ext.create('Ext.container.Viewport', {
        layout : 'border',
        items  : [
            {
                region : 'west',
                split  : true
            },
            {
                region : 'center'
            }
        ]
    });
    Both 4.0.7, 4.1-PR1, and out latest code in git produce the same results.

    Using this code in 3.4.0 and it produces the same results as the 4.x did:

    Code:
    new Ext.Viewport({
        layout : 'border',
        items  : [
            {
                region : 'west',
                split  : true
            },
            {
                region : 'center'
            }
        ]
    });
    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.

  3. #3
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,512
    Vote Rating
    176
    dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of

      0  

    Default


    Quote Originally Posted by tangix View Post
    Moving a prototype project from 4.0.7 to 4.1-pr1 and I found the following difference causing my to change some code (to the better...)

    4.0.7 lets me get away with the following definition of a Border region:
    Code:
    {
        xtype: 'navtree',
        region: 'west',
        split: true,
        minWidth: 250              
    }
    With 4.1-pr1 I need to specifically add a width: property otherwise the west region will be 100% width.
    Perhaps a complete example would help, but I'll take a stab. The meaning of no width is "auto width" which can be counter-intuitive at times. The navtree is not a built-in xtype, so I am not sure what it contains. If you try something like a simple panel with some text or a basic component, I imagine that it will auto-width as you might expect. Trees, being tables, may expand.
    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  4. #4
    Ext JS Premium Member tangix's Avatar
    Join Date
    Mar 2010
    Location
    Stockholm, Sweden
    Posts
    586
    Vote Rating
    52
    tangix is a jewel in the rough tangix is a jewel in the rough tangix is a jewel in the rough

      0  

    Default


    navtree is (as you may have guessed) a subclassed Tree panel.
    I have added "width" and now everything works in both 4.0.7 and 4.1-PR1... don't know why. If I remove "width" everything is fine now, but I have added other stuff to the panels so maybe the layout is now completely satisfied?

    Thanks,
    /Mattias

Thread Participants: 2