Rank 1
Hi All,
I am finding telerik videos and guides (documentation) to be NOT very useful for learning how to use telerik. I have tried watching the videos and finding them to be outdated but still lacking guidance on how to do a thing telerik. Are the guides and video vague because this is a paid product and the goal is to not give a user true guidance on how to use the product? Or is it assumed that if you purchased telerik you should know how to use it regardless if you have had any exposure to it or not?
I feel like I have missed some prerequisite or I skip some step where you can learn how to apply these controls to you razor pages? I have even looked at and downloaded the the RPS example and attempted to follow the video and it shows you knowing on how to wire up any of the controls.
I can share what I am looking for it it helps.I have a basic index page that was built when I create my controller with views. I just want to apply telerik / kendo ui to that index page.So razor builds a view with a basic list index. I would like an example that shows me how to convert that index to use a telerik control. Do example such as that exist??
Attached are images of a test mvc .net core that I built using the telerik project template. So if I wanted to change my index page that used data from my database to a gride view using telerik / kendo Ui is there an example any where that can show me how to do such a task>?
Thanks!!!
Thank you!
Can some one point me to a set of good instructions that a beginner with telerik can follow?
Currently I am feeling we made a mistake purchasing a license for this product as we can't make use of it..
Tried Looking here
https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/data-management/grid
1 Answer, 1 is accepted
Hello,
Thank you for the images and the details provided.
My name is Anton, and I am a member of the Telerik UI for ASP.NET MVC & Core and Kendo UI for jQuery Team. Will try my best to assist with achieving the desired behavior.
Let's start step by step.
The following article lists the first steps needed for setting up a Telerik project:
I assume, in this case, you are trying to add the Telerik UI to an existing project. The following article provides the needed information about this:
From the provided images, I am not able to find a Telerik UI Component in a View file.
After setting the Telerik NuGet packages feed(we discussed this in another thread), you have to set your Layout to use the Telerik scripts, theme, and jQuery version. Here is an example:
<link href="https://kendo.cdn.telerik.com/themes/13.0.0/default/default-ocean-blue.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://unpkg.com/jszip/dist/jszip.min.js"></script>
<script src="https://cdn.kendostatic.com/2026.1.325/js/kendo.all.min.js"></script>
<script src="https://cdn.kendostatic.com/2026.1.325/js/kendo.aspnetmvc.min.js"></script>builder.Services.AddKendo();
And now, we are free to add a Telerik UI Component. For example, Grid:
@(Html.Kendo().Grid <TelerikAspNetCoreApp5.Models.OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}");
columns.Bound(p => p.ShipName);
columns.Bound(p => p.ShipCity);
})
.Pageable()
.Sortable()
.Scrollable()
.Groupable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)Here is the Orders_Read method:
public ActionResult Orders_Read([DataSourceRequest] DataSourceRequest request)
{
var result = Enumerable.Range(0, 50).Select(i => new OrderViewModel
{
OrderID = i,
Freight = i * 10,
OrderDate = new DateTime(2016, 9, 15).AddDays(i % 7),
ShipName = "ShipName " + i,
ShipCity = "ShipCity " + i
});
var dsResult = result.ToDataSourceResult(request);
return Json(dsResult);
}Here is the documentation for the remote Ajax binding of the Grid shown in the above snippet:
Also, here is the correct link for the overview of the Grid:
Attached is a sample project that I prepared for the case. Feel free to test it on your side and let me know if this is the desired result.
Furthermore, feel free to open a ticket in our support system, where the replies will be faster. Let me know if you'd like me to open a new ticket in the system on your behalf.
Looking forward to hearing back from you.
Kind Regards,
Anton Mironov
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.