Nathan Nathan - 3 months ago 17
CSS Question

Is it possible to change the width of the counter?

I have the Webix ui.counter control, and seems like it is irresponsive to the

width
property:

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


It gives a counter with the default width (maximum 5 digits are visible). Is this a bug or did I miss something?

Snippet: http://webix.com/snippet/e2d461a6

Answer

It's weird that inputWidth don't work.

But here is an work around : override the default width 40px of the selector .webix_el_counter .webix_inp_counter_value. Check css for adding more styles.

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

Working example : http://webix.com/snippet/47cbb6c9

Comments