2016-08-08 10 views
1

私はWebix ui.counterコントロールを持っている、そしてそれはwidth財産にirresponsiveであるように思える:カウンタの幅を変更することはできますか?

webix.ui({ 
    view: "counter", 
    value: 1234567, 
    width: 300 
}); 

これは、デフォルトの幅(最大5桁の数字が表示されている)でカウンターを提供します。これはバグですか、何かが恋しいですか?

スニペット:http://webix.com/snippet/e2d461a6

+1

共有スニペットは、入力が'幅にサイズ決めています。これをさらに広げるために、CSSを適合させるように変更することができます。また、ここにリストされているプロパティー 'autoWidth:true'を試してみましたか?http://docs.webix.com/api__refs__ui.counter.html? – Justin

+1

'width'、' autowidth'および 'inputWidth'は残念なことに変更されません。しかしCSSの 'width'はうまく動作します –

答えて

1

それはinputWidthが動作しないことを奇妙です。

ただし、回避策は次のとおりです。セレクタ.webix_el_counter .webix_inp_counter_valueのデフォルトの幅40pxを上書きします。スタイルを追加するにはcssをチェックしてください。

<style> 
    .webix_el_counter .webix_inp_counter_value{ 
    width: 100px; 
    } 
</style> 

の作業例:40ピクセル; `CSSによって:http://webix.com/snippet/47cbb6c9

+0

そのようなウィジェットはこのように動作するはずはありませんか? webix.ui({ ビュー: "カウンタ"、 値:0、 最大:7 }); 1つの番号しか表示されていないので、カウントを行うことができます。 – Vcasso

+0

@ Valius79:しかし、私たちは 'width'を調整する能力が必要です。ドキュメント上でサポートされているプロパティとして記述されています。 – Pugazh

+0

Gotcha! CSSソリューションは私にはうってつけです。 – Vcasso

関連する問題