Results 1 to 3 of 3

Thread: Sencha Architect, panel collapse direction not working

  1. #1
    Sencha User
    Join Date
    Aug 2012
    Location
    Dublin
    Posts
    72
    Vote Rating
    11
      0  

    Default 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,389
    Answers
    716
    Vote Rating
    497
      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
      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.

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
  •