【问题标题】:Is it possible to change the width of the counter?可以改变柜台的宽度吗?
【发布时间】:2016-08-08 13:35:14
【问题描述】:

我有 Webix ui.counter 控件,它似乎对 width 属性没有响应:

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

它给出了一个具有默认宽度的计数器(最多 5 个数字可见)。这是一个错误还是我错过了什么?

片段:http://webix.com/snippet/e2d461a6

【问题讨论】:

  • 您共享的 sn-p 的输入大小由 CSS 调整为 width: 40px;。为了使其更宽,您可以更改 CSS 以适应。您是否也尝试过此处列出的属性autoWidth: truedocs.webix.com/api__refs__ui.counter.html
  • 是的。不幸的是,widthautowidthinputWidth 并没有改变任何东西。但是 CSS width 效果很好

标签: javascript css width counter webix


【解决方案1】:

inputWidth 不起作用很奇怪。

但这里有一个解决方法:覆盖选择器.webix_el_counter .webix_inp_counter_value 的默认宽度40px。查看css 以添加更多样式。

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

工作示例http://webix.com/snippet/47cbb6c9

【讨论】:

  • 那个小部件不应该像这样工作吗? webix.ui({ view: "counter", value: 0, max: 7 });它应该只显示一个数字,因此您可以进行计数。
  • @Valius79 :但是我们应该能够调整width。它在他们的文档中被声明为受支持的属性。
  • 太棒了。谢谢!
猜你喜欢
  • 2023-01-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-08
  • 1970-01-01
  • 2018-12-03
  • 2022-12-20
相关资源
最近更新 更多