Inline editing, NumericTextBox width

8 posts, 0 answers
  1. Hammad
    Hammad avatar
    4 posts
    Member since:
    Jul 2008

    Posted 02 Apr 2012 Link to this post

    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
  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2894 posts

    Posted 02 Apr 2012 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Hammad
    Hammad avatar
    4 posts
    Member since:
    Jul 2008

    Posted 02 Apr 2012 Link to this post

    @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
  4. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2894 posts

    Posted 03 Apr 2012 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Akhtar
    Akhtar avatar
    4 posts
    Member since:
    Dec 2014

    Posted 18 Dec 2014 Link to this post

    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
  6. Akhtar
    Akhtar avatar
    4 posts
    Member since:
    Dec 2014

    Posted 21 Dec 2014 in reply to Akhtar Link to this post

    Issue has been resolved .
  7. Sri Satya Daneswar
    Sri Satya Daneswar avatar
    3 posts
    Member since:
    Mar 2016

    Posted 12 Dec 2016 in reply to Akhtar Link to this post

    how you resolved this issue.
  8. Franklin
    Franklin avatar
    3 posts
    Member since:
    Dec 2017

    Posted 22 Jan 2018 in reply to Sri Satya Daneswar Link to this post

     [DataType(DataType.Currency)]

    Using this in the Model resolved the issue. 

    Numeric Textbox appears in the in-line edit.

Back to Top