2016-08-08 46 views
1

ich die Kontrolle ui.counter webix haben und scheint, wie es zu dem width Eigenschaft irresponsive ist:Ist es möglich, die Breite des Zählers zu ändern?

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

Es einen Zähler mit der Standardbreite gibt (maximal 5 Ziffern sichtbar sind). Ist das ein Fehler oder habe ich etwas übersehen?

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

+1

Das Snippet Ihnen geteilt hat die Eingabe in 'Breite bemessen: 40px;' von CSS. Um dies zu erweitern, können Sie das CSS anpassen. Haben Sie auch die Eigenschaft 'autoWidth: true' ausprobiert, die hier aufgelistet ist: http://docs.webix.com/api__refs__ui.counter.html? – Justin

+1

ja. 'width',' autowidth' und 'inputWidth' ändern leider nichts. Aber CSS 'width' funktioniert gut –

Antwort

1

Es ist seltsam, dass inputWidth nicht funktionieren.

Aber hier ist eine Arbeit um: Überschreiben Sie die Standardbreite 40px des Selektors .webix_el_counter .webix_inp_counter_value. Überprüfen Sie css für das Hinzufügen weiterer Stile.

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

Arbeitsbeispiel: http://webix.com/snippet/47cbb6c9

+0

Soll das Widget nicht so funktionieren? webix.ui ({ view: "counter", Wert: 0, max: 7 }); Es soll nur eine Zahl anzeigen, damit Sie zählen können. – Vcasso

+0

@ Valius79: Allerdings sollten wir die 'Breite' anpassen können. Es wurde als eine unterstützte Eigenschaft auf ihrer Dokumentation angegeben. – Pugazh

+0

Gotcha! CSS-Lösung klingt gut für mich. – Vcasso