Kendo Grid Inline Edit Mode

6 posts, 0 answers
  1. Sri Satya Daneswar
    Sri Satya Daneswar avatar
    3 posts
    Member since:
    Mar 2016

    Posted 12 Dec 2016 Link to this post

    Kendo grid inline edit mode resulting an editable row with narrow controls which don't have any kendo styles. Please let me know the possible solution  to resolve this.
  2. Eyup
    Admin
    Eyup avatar
    4046 posts

    Posted 14 Dec 2016 Link to this post

    Hi Sri,

    Make sure that the kendo styles are loaded correctly. I am sending a sample web application which you can run and verify the result.

    Regards,
    Eyup
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Sri Satya Daneswar
    Sri Satya Daneswar avatar
    3 posts
    Member since:
    Mar 2016

    Posted 14 Dec 2016 in reply to Eyup Link to this post

    I ran your solution and still seeing same problem. Textboxes rendered in grid row edit mode does have class text-box.

    It should be k-textbox to render as kendo textbox. some how it is not generated the textbox with k-textbox class, but the demos in Telerik website are rendered with k-textbox.

  4. Eyup
    Admin
    Eyup avatar
    4046 posts

    Posted 16 Dec 2016 Link to this post

    Hello Sri,

    Kendo grid has dedicated templates for specific type of data - DateTime, Number, String, Currency, etc. You will need to place them inside the EditorTemplates in the Shared folder:
    http://www.telerik.com/forums/inline-editing-on-grid-datetime-column-where-is-datetimepicker-#boDwFa6aG2OF1P8AAFTdxQ

    You can create a new Telerik MVC project and copy them from there.


    Regards,
    Eyup
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Lijo
    Lijo avatar
    4 posts
    Member since:
    Jul 2018

    Posted 28 Jun 2019 in reply to Eyup Link to this post

     

    But in the below demo there is no template used for the column Product name

    https://demos.telerik.com/aspnet-mvc/grid/editing-inline

     

     

  6. Eyup
    Admin
    Eyup avatar
    4046 posts

    Posted 01 Jul 2019 Link to this post

    Hi Lijo,

    Since these code files are shared between many demos and not specific to the demonstrated logic in the live sample, their content is not shown in the demo page.

    But if you create a new local editable Grid Kendo MVC sample, you can find this file here:
    ..yourProjectPath\Views\Shared\EditorTemplates\String.cshtml

    Regards,
    Eyup
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top