Мне просто интересно, смог ли кто-нибудь успешно выровнять по левому краю поле флажка внутри набора полей; мои попытки терпят неудачу.
{
xtype : 'checkboxfield',
name : 'remember',
label : 'Store information',
style: 'float: left'
}
Изображение лучше:
Мне удалось выровнять checkboxfield по left. Проверьте приведенный ниже код...
{
xtype: 'checkboxfield',
name : 'tomato',
value: 'tomato',
checked: true,
label: 'Tomato',
labelWidth: '70%',
labelAlign: 'right'
}
Выход:-
Вот 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;
}
`
вы можете изменить «справа: 10 пикселей» на «слева: 10 пикселей».
в моем приложении я помещаю этот код 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;
}
вставьте следующее в свой css
.x-field .x-input-checkbox::after, .x-field .x-input-checkbox:checked::after
{
right:auto;
}
