2012-05-08 1 views
4

Мне просто интересно, смог ли кто-нибудь успешно удалил выравнивание поля флажка внутри набора полей; мои попытки терпят неудачу.Как оставить выравнивание поля checkboxfield в sencha touch 2?

{ 
xtype : 'checkboxfield', 
name : 'remember', 
label : 'Store information', 
style: 'float: left' 
} 

Изображение лучше:

enter image description here

+0

ти для загруженного изображения. Он уточняет ваш вопрос. –

ответ

3

я смог выровнять checkboxfield к left. Проверьте код ниже ...

{ 
    xtype: 'checkboxfield', 
    name : 'tomato', 
    value: 'tomato', 
    checked: true, 
    label: 'Tomato', 
    labelWidth: '70%', 
    labelAlign: 'right' 
} 

Выход: -

enter image description here

+0

Ну; я тоже могу это сделать; цель состоит в том, чтобы установить флажок справа от ярлыка, а не на этикетке справа. – Disco

+0

, поскольку по умолчанию он находится в самом правильном месте на поле. – Disco

+0

Что вы имеете в виду под флагом справа от ярлыка? По умолчанию это всегда справа от метки? Чего вы пытаетесь достичь? –

1

вставьте следующее в вашем CSS

.x-field .x-input-checkbox::after, .x-field .x-input-checkbox:checked::after 
{ 
    right:auto; 
} 
2

Здесь CheckBoxField по умолчанию CSS (потрогать 2.2. 1): `

.x-checkmark-base, .x-field-checkbox .x-field-mask::after, .x-field-radio .x-field-mask::after, .x-select-overlay .x-item-selected.x-list-item::after 
{ 
position: absolute; 
top: 0; 
right: 10px; 
bottom: 0; 
content: '3'; 
font-family: 'Pictos'; 
font-size: 1.6em; 
text-align: right; 
line-height: 1.6em; 
} 

`

вы можете изменить" right: 10px "влево: 10px".

в моем приложении, я поставил этот CSS код в index.html

.x-checkmark-base, .x-field-checkbox .x-field-mask::after, .x-field-radio .x-field-mask::after, .x-select-overlay .x-item-selected.x-list-item::after 
{ 
right:auto !important; 
left:10px !important; 
}