Sencha Touch 2 — переключение выравнивания поля вправо внутри компонента набора полей

Кто-нибудь знает, как выровнять togglefield в Sencha Touch 2 по правой стороне компонента fieldset? Имея этот простой пример:

Ext.widget("fieldset", {
    items: [
        {
            xtype: 'togglefield',
            label: 'Toggle 1',
        },
        {
            xtype: 'togglefield',
            label: 'Toggle 2'
        }
    ]
});

Вывод выглядит нормально, за исключением того факта, что два переключаемых поля выровнены по левой стороне рядом с текстом метки. Я хотел бы, чтобы они были выровнены по правой стороне компонента fieldset.


alignment toggle fieldset sencha-touch sencha-touch-2
person Pavel Stupka    schedule 14.09.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Попробуй это

Ext.widget("fieldset", {
    items: [
        {
            xtype: 'togglefield',
            cls:'rightAligned',
            label: 'Toggle 1',
        },
        {
            xtype: 'togglefield',
            label: 'Toggle 2'
        }
    ]
});

И добавьте стиль, например

.rightAligned .x-toggle {
    float:right;
    margin-right:1em;
}
person blessenm    schedule 15.09.2012