Horizontal align Component in Container

[mik3e]

Hi Guys,

Can anyone give me a hint, how to align a component horizontal to the right in a container? I´ve tried different ways but didn´t get it to work.

I need two columns where the items in the left column are aligned to the left and the items in the right columns are aligned to the right:

...
xtype: 'container',
            layout: 'hbox',
            items: [{
                xtype: 'label',
                text: 'Michael Fürst (m.fuerst@wolkenkraft.com)',
                flex: 1
            },{
                xtype: 'container',
                layout: 'hbox',
                flex: 1,
                align:'right',
                // THIS ITEM SHOULD BE ALIGNED RIGHT:
                items: [{
                    xtype: 'label',
                    text: 'Text'
                }]
....

Thanks & Ciao,
Mike

[mitchellsimoens]

layout : {
    type : 'hbox',
    pack : 'end'
}

[mik3e]

Thanks for your answer, but it had no effect. I also changed the bg color of the container to see, if it´s spread completely to the right - and it is. So I´ve no idea where the problem could be at the moment. I also changed to column layout - no difference...

items: [{
            xtype: 'container',
            layout: 'column',
            items: [{
                xtype: 'label',
                text: 'Text align left)',
                columnWidth: 0.5
            },{
                xtype: 'container',
                layout: 'hbox',
                columnWidth: 0.5,
                pack:'end',

                style: {
                    background: '#ff0000'
                },
                items: [{
                    xtype: 'label',
                    text: 'Test align right'
                }

[landed]

This may be of help ?

http://www.sencha.com/forum/showthre...o-right-or-end