1. #1
    Sencha User
    Join Date
    Nov 2011
    Location
    Paris, France
    Posts
    46
    Answers
    1
    Vote Rating
    0
    Arekkk is on a distinguished road

      0  

    Default Answered: Align a list on the bottom ?

    Answered: Align a list on the bottom ?


    Hi guys,
    I'm trying to align a list (Ext.List) to the bottom of the panel.
    Is that possible ?

    I tried with a vbox align/pack, no results...
    Code:
       
    layout:{
               type:'vbox',
               align:'end',
               pack:'end'
    },
    Thanks a lot !

  2. This makes the list be on the bottom:

    Code:
    new Ext.Container({
        fullscreen : true,
        layout     : {
            type : 'vbox',
            pack : 'end'
        },
        items      : [
            {
                xtype   : 'list',
                itemTpl : '{text}',
                height  : 200,
                store   : {
                    fields : [ 'text' ],
                    data   : [
                        { text : 'One' }
                    ]
                }
            }
        ]
    });

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


    This makes the list be on the bottom:

    Code:
    new Ext.Container({
        fullscreen : true,
        layout     : {
            type : 'vbox',
            pack : 'end'
        },
        items      : [
            {
                xtype   : 'list',
                itemTpl : '{text}',
                height  : 200,
                store   : {
                    fields : [ 'text' ],
                    data   : [
                        { text : 'One' }
                    ]
                }
            }
        ]
    });
    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.

  4. #3
    Sencha User
    Join Date
    Nov 2011
    Location
    Paris, France
    Posts
    46
    Answers
    1
    Vote Rating
    0
    Arekkk is on a distinguished road

      0  

    Default


    Just a comment.
    When this item (layout : pack end...) is situated in a card layoud (in my case, the first card) it breaks all the cards inside his parent.

    An idea ? or bug to raise ?

  5. #4
    Sencha User
    Join Date
    Nov 2011
    Location
    Paris, France
    Posts
    46
    Answers
    1
    Vote Rating
    0
    Arekkk is on a distinguished road

      0  

    Default


    Just found the issue.
    Was a problem of container in the setActiveItem.

Thread Participants: 1

Tags for this Thread