Hi,
as upgrading from the open source core version 2014.1.318 to the new version of 2014.2.716, we encountered a small problem with the css.
Using "display: flex;" on the container DIV, the input inside it changed to a 2 row high field after calling ".kendoNumericTextBox()".
CSS:
HTML:
JS:
As you can see here: http://jsbin.com/yiwusumujino/1/edit
To solve this problem this CSS code should be added:
This shouldn't be handled inside Kendo UI?
Thanks,
Norbert
as upgrading from the open source core version 2014.1.318 to the new version of 2014.2.716, we encountered a small problem with the css.
Using "display: flex;" on the container DIV, the input inside it changed to a 2 row high field after calling ".kendoNumericTextBox()".
CSS:
#container{
float
:
left
;
display
: flex;}
HTML:
<
div
id
=
"container"
>
<
input
id
=
'numBox'
type
=
'number'
class
=
''
value
=
'0'
/>
</
div
>
JS:
$(
"#numBox"
).kendoNumericTextBox({
decimals: 1,
format:
"#"
,
max:
null
,
min:
null
,
onChange:
function
(e) {
console.log(e);
},
spinners:
true
,
step: 1
});
As you can see here: http://jsbin.com/yiwusumujino/1/edit
To solve this problem this CSS code should be added:
.k-numeric-wrap {
display
: flex;}
This shouldn't be handled inside Kendo UI?
Thanks,
Norbert