Results 1 to 5 of 5

Thread: layout crashes on toolbar responsive plugin configuration

    You found a bug! We've classified it as EXTJS-15618 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Mar 2015
    Posts
    2

    Default layout crashes on toolbar responsive plugin configuration

    Hi,

    I'm using ExtJS 5.1.0, and i'm trying to configure a docked toolbar that on 'tall' stays with layout: 'vbox', and on 'wide' stays with layout: 'hbox'.

    I made the next example to ilustrate my problem: https://fiddle.sencha.com/#fiddle/k0n

    If set the size of the window for a 'wide' size, or 'tail' size and then play the fiddle, the layout is successfully applyed. BUT, when you resize it again for a layout change throught the 'responsive' plugin, extjs crashes with:

    Uncaught TypeError: Cannot read property 'dom' of undefinedext-all-debug.js:73787 Ext.define.moveItemext-all-debug.js:73734 Ext.define.renderItemsext-all-debug.js:74177 Ext.define.renderChildrenext-all-debug.js:141953 Ext.define.invalidateext-all-debug.js:141948 Ext.define.invalidateext-all-debug.js:141804 Ext.define.flushInvalidatesext-all-debug.js:142236 Ext.define.runext-all-debug.js:38050 Ext.define.statics.flushLayoutsext-all-debug.js:38057 Ext.define.statics.resumeLayoutsext-all-debug.js:41209 Ext.resumeLayoutsext-all-debug.js:71390 privates.statics.notifyext-all-debug.js:71401 privates.statics.onTimerext-all-debug.js:4363 Ext.Function.fireHandlers

    So, this is a bug? or what am i doing bad? If it is not a bug, then sorry for posting it here.

    Best regards,

  2. #2
    Sencha User
    Join Date
    Mar 2015
    Posts
    2

    Default

    Sorry, this is the code if you dont wanna open the fiddle:

    Code:
    Ext.application({    name : 'Fiddle',
    
    
        launch : function() {
            Ext.create("Ext.panel.Panel", {
                plugins: "viewport",
                dockedItems:
                [
                    {
                        xtype: "toolbar",
                        dock: "top",
                        vertical: true,
                        border: true,                    
                        plugins: ['responsive'],
                        responsiveConfig: {
                            tall: {
                                layout: 'vbox'
                            },
                            wide: {
                                layout: 'hbox'
                            }
                        },
                        items:
                        [
                            {
                                text: "Top 1"
                            },
                            {
                                text: "Top 2"
                            }
                        ]
                    },
                ]
            });
        }
    });

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Thanks for the report. Changing layouts at runtime isn't supported at this time. There is a feature request to have this implemented.
    http://www.sencha.com/forum/showthread.php?294082

  4. #4
    Sencha User bressi's Avatar
    Join Date
    Jan 2016
    Posts
    20

    Default

    Is setting 'layout' now supported within responsiveConfig functionalities ?

    Quote Originally Posted by Gary Schlosberg View Post
    Thanks for the report. Changing layouts at runtime isn't supported at this time. There is a feature request to have this implemented.
    http://www.sencha.com/forum/showthread.php?294082

    Please let us know

    Regards,
    Claudia

  5. #5
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Looks like this still hasn't been implemented.

Tags for this Thread

Posting Permissions

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