1. #1
    Sencha User
    Join Date
    Jul 2009
    Posts
    61
    Vote Rating
    3
    ibnesayeed is on a distinguished road

      0  

    Default Horizontal Accordion Panel

    Horizontal Accordion Panel


    Is there a way to use the accordion panel in horizontal mode? Because examples and docs only talk about vertical mode.

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


    Currently not supported but additions are always welcome!
    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 User
    Join Date
    Apr 2012
    Posts
    81
    Vote Rating
    0
    mice-pace is on a distinguished road

      0  

    Default


    It's been nearly a year and a half... Thought maybe it was worth asking if there's been any change on this one

  4. #4
    Touch Premium Member
    Join Date
    Aug 2011
    Posts
    12
    Vote Rating
    0
    chiva.zhao is on a distinguished road

      0  

    Default


    I am also concern this feature about horizontal accordion panel.

  5. #5
    Sencha User
    Join Date
    Aug 2011
    Posts
    1
    Vote Rating
    0
    vinaykumar_1315 is on a distinguished road

      0  

    Default


    Hi,

    Is the horizontal accordion layout was avaialble in Ext4.1.3 version ???

  6. #6
    Ext JS Premium Member westy's Avatar
    Join Date
    Feb 2009
    Location
    Bath, UK
    Posts
    966
    Vote Rating
    72
    westy is just really nice westy is just really nice westy is just really nice westy is just really nice westy is just really nice

      0  

    Default


    Hi,

    Something have just knocked together to accomplish this which seems to work fine so long as you use headerPosition: 'left' on the items.

    Code:
            /**
             * A version of Accordion layout, than is horizontal rather than vertical.
             * @author Westy
             */
            Ext.define('Ext.ux.layout.container.HorizontalAccordion', {
                extend: 'Ext.layout.container.Accordion',
            
                alias: ['layout.horizontal-accordion'],
            
                defaultAnimatePolicy: {
                    x: true,
                    width: true
                }
            },
            function() {
                Ext.require([
                    'Ext.layout.container.HBox'
                ],
                function() {
                    Ext.ux.layout.container.HorizontalAccordion.borrow(
                        Ext.layout.container.HBox,
                        [
                            'type',
                            'direction',
                            'horizontal',
                            'names',
                            'sizePolicy'
                        ]
                    );
                });
            });
    See Fiddle here...

    Merry Christmas,

    Westy
    Product Architect
    Altus Ltd.

  7. #7
    Ext JS Premium Member westy's Avatar
    Join Date
    Feb 2009
    Location
    Bath, UK
    Posts
    966
    Vote Rating
    72
    westy is just really nice westy is just really nice westy is just really nice westy is just really nice westy is just really nice

      0  

    Default


    Should add, not really tested, but seems to work for the simple case at least.
    Product Architect
    Altus Ltd.

  8. #8
    Sencha User
    Join Date
    Jul 2009
    Posts
    61
    Vote Rating
    3
    ibnesayeed is on a distinguished road

      0  

    Default


    Any chance of this being included in ExtJS 5.x?

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


    Quote Originally Posted by ibnesayeed View Post
    Any chance of this being included in ExtJS 5.x?
    Open a feature request.
    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.

  10. #10
    Sencha User
    Join Date
    Jul 2009
    Posts
    61
    Vote Rating
    3
    ibnesayeed is on a distinguished road

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    Open a feature request.
    Since I am not a support subscriber, I don't have privilege to do so. Or at least this is what I think.

Similar Threads

  1. Replies: 2
    Last Post: 27 Nov 2010, 3:59 PM
  2. CLOSED: Accordion panel not growing to match parent panel
    By jasondeegan in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 12 May 2009, 2:14 PM
  3. Replies: 6
    Last Post: 4 Mar 2009, 11:31 AM
  4. Horizontal Panel - Horizontal Spacing
    By Michi_de in forum Ext GWT: Help & Discussion (1.x)
    Replies: 0
    Last Post: 27 Nov 2008, 2:46 AM

Thread Participants: 5

Tags for this Thread