This is a migrated thread and some comments may be shown as answers.

Kendo Grid Inline Edit Mode

5 Answers 690 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sri Satya Daneswar
Top achievements
Rank 1
Sri Satya Daneswar asked on 12 Dec 2016, 09:57 PM
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.

5 Answers, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 14 Dec 2016, 02:00 PM
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.
0
Sri Satya Daneswar
Top achievements
Rank 1
answered on 14 Dec 2016, 04:58 PM

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.

0
Eyup
Telerik team
answered on 16 Dec 2016, 07:59 AM
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.
0
Lijo
Top achievements
Rank 1
answered on 28 Jun 2019, 10:58 AM

 

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

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

 

 

0
Eyup
Telerik team
answered on 01 Jul 2019, 06:32 AM
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.
Tags
Grid
Asked by
Sri Satya Daneswar
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Sri Satya Daneswar
Top achievements
Rank 1
Lijo
Top achievements
Rank 1
Share this question
or