0

選択フィールドとラベルを同じ行に配置するために使用したコードは次のとおりですが、他のテキストフィールドのようには適合しません。スクリーンショットは次のとおりです。

ここに画像の説明を入力

場所と店のレーベル名みたいなカテゴリーでやってみると合わないのでコードはこちら

 {
     xtype: 'textfield',
     name : 'password',
     placeHolder : 'Add location',
     label: 'Location',
     id:'txtshopurl',
     useClearIcon: true
 }
 {
     xtype:'container',
     layout:'hbox',
     items:[{
          xtype: 'label',
          html: '<font size="2">Category</font>'
           },
           {
           xtype: 'selectfield',
           name: 'category',
           width: 150,
           options:[{text:'None(Default)',value:'D'},{text:'Birthday',value:'B'},{text:'Christmas',value:'C'},{text:'Aniversery',value:'A'},{text:'Wedding',value:'W'},{text:'Other',value:'O'}]
            }]
    }
    {
      xtype: 'textfield',
      name : 'Shopcategory',
      placeHolder : ' Shop name or URL',
      label: 'Shop Name',
      useClearIcon: true
    }

カテゴリ ラベルと選択フィールドを同じ行に揃えるにはどうすればよいですか?

4

2 に答える 2

1

なぜあなたはできないのですか？

{
     xtype: 'selectfield',
     name: 'category',
     label : 'Category',
     options:[{text:'None(Default)',value:'D'},{text:'Birthday',value:'B'},{text:'Christmas',value:'C'},{text:'Aniversery',value:'A'},{text:'Wedding',value:'W'},{text:'Other',value:'O'}]
}
于 2013-09-30T10:56:47.793 に答える
0

あなたのフィールドにいくつかのCSSを与えてみてください

input{float:right}
label{float:left}
于 2013-09-30T10:22:23.387 に答える