Inline editing, NumericTextBox width

[Hammad]

Hi,

i have a Grid with 300px width, it has three columns,

first column contains a numeric data type and its width is set to 40

when showing the data is appears correctly, but when inline editing mode, the NumericTextBox is showing too big which causes other elements to overflow, how can i control the width of this NumericTextBox

Screenshots attached

[Alexander Valchev]

Hi Hammad,

I tried to reproduce the described problem using both our editing demo and this jsFiddle sample, but to no avail. Are you using a rowTemplate by any chance? If that is the case, please have in mind that rowTemplates are not working well with editing mode and it is not recommended to combine them.

All the best,
Alexander Valchev
the Telerik team

[Hammad]

@Alexander Valchev
Hi,

thanks for the reply,

I am not using rowTemplate

after much trying i have narrowed it down to this:

it happens when the scrollable property is set to false and when we specify width inline in the div tag  like this
<div id="grid" style="width:487px"/>

also when i specify width above 590px, then the error doesnt comes even if scrollable is set to false

i have created a sample for you

http://www.hammadabbas.com/kendo-test/example.html

try clicking in any value of Freight, which will show NumericTextBox and the Grid will then go out of bounds

[Alexander Valchev]

Hi Hammad,

If the scrollable property is set to false, the table layout will not be set to fixed automatically. The following CSS rule should fix the problem:

#grid table {
    table-layout:fixed
}​

Greetings,
Alexander Valchev
the Telerik team

[Akhtar]

Hi Alexander ,

I am having a problem in Kendo grid inline editor mode. When I click on Edit button the rendered html do not show three spans having classes "k-widget k-numerictextbox", "k-numeric-wrap k-state-default" and "k-select" respectively. Please share what can cause this problem and how to resolve it.

Thanks,
Akhtar

[Akhtar]

Issue has been resolved .

[Sri Satya Daneswar]

how you resolved this issue.

[Franklin]

 [DataType(DataType.Currency)]

Using this in the Model resolved the issue. 

Numeric Textbox appears in the in-line edit.