1. #1
    Sencha User
    Join Date
    Aug 2012
    Location
    Dublin
    Posts
    72
    Vote Rating
    11
    iplanit will become famous soon enough

      0  

    Default Unanswered: Sencha Architect, panel collapse direction not working

    Unanswered: Sencha Architect, panel collapse direction not working


    Hi,

    I have a container with two panels inside, regions west and south. Rest of the settings as default.

    I have two issues:
    1. When collapsing, if I expand the panels those are hidden because the container is not resizing (it is resizable).
    2. The direction is set to "left" but appears as up.

    Code:
      {
                        xtype: 'container',
                        margins: '2 0 0 5',
                        region: 'west',
                        split: true,
                        hidden: false,
                        width: 275,
                        layout: {
                            type: 'border'
                        },
                        items: [
                            {
                                xtype: 'treepanel',
                                flex: 1,
                                margins: '2 5 5 0',
                                region: 'north',
                                minHeight: 400,
                                collapseDirection: 'left',
                                collapsible: true,
                                title: 'Menu',
                                store: 'MyJsonTreeStore',
                                viewConfig: {
                                    itemSelector: 'div'
                                }
                            },
                            {
                                xtype: 'panel',
                                flex: 1,
                                margins: '2 5 5 0',
                                region: 'south',
                                height: 150,
                                html: 'test',
                                minHeight: 325,
                                styleHtmlContent: false,
                                bodyStyle: 'padding-bottom:15px;background:white;',
                                collapseDirection: 'left',
                                collapsible: true,
                                title: 'Information'
                            }
                        ]
    See screenshot.


    layout.jpg

    Any advice ?

    Thanks.

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,111
    Answers
    678
    Vote Rating
    470
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Can you use the following example to demonstrate your problem?
    http://jsfiddle.net/3KJuf/

    Scott.

  3. #3
    Sencha User
    Join Date
    Aug 2012
    Location
    Dublin
    Posts
    72
    Vote Rating
    11
    iplanit will become famous soon enough

      0  

    Default


    I could not try, thanks for your effort in putting that into the fiddle. Since I am using a different environment the cause can be just the way my code is generated. But your example works 99% sure even changing it.
    However, the problem is most likely because of the layout rather than something not being working as expected, if you see the screenshot the property says "left" and the icon is pointing to a different direction and doesn't make any sense.
    Quote Originally Posted by scottmartin View Post
    Can you use the following example to demonstrate your problem?
    http://jsfiddle.net/3KJuf/

    Scott.

Thread Participants: 1

Tags for this Thread