Spacer(tbspacer) question

[frb]

Sencha Designer 2 don't allow to add tbspacer to not toolbar containers, so this example from HBox Layout couldn't reproduced:

text: 'Spaced',
handler: function(){
    replace({
        layout: {
            type: 'hbox',
            padding:'5',
            align:'top'
        },
        defaults:{margins:'0 5 0 0'},
        items:[{
            xtype:'button',
            text: 'Small Size'
        },{
            xtype:'tbspacer',
            flex:1
        },{
            xtype:'button',
            scale: 'medium',
            text: 'Medium Size'
        },{
            xtype:'tbspacer',
            flex:1
        },{
            xtype:'button',
            scale: 'large',
            text: 'Large Size',
            margins:'0'
        }]
    }, 'spaced'); 

how to add flex spaces between components in hbox layout?

[aconran]

tbspacer - toolbar spacer

Add a component and set the flex to 1.

[frb]

thanks