checkbox - sencha touch 2 でチェックボックスフィールドを左揃えにする方法は?

Question

フィールドセット内のチェックボックスフィールドを左揃えに成功した人がいるかどうか疑問に思っています。私の試みは失敗しています。

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

画像の方が優れています：

Answer 1

に揃えることができましcheckboxfieldたleft。以下のコードを確認してください...

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

出力：-

Answer 2

これがチェックボックスフィールドのデフォルト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」を「left: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;
} 

Answer 3

cssに次を挿入します

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