Telerik Forums
UI for ASP.NET Core Forum
1 answer
34 views

I currently have a Grid that I want the ClientDetailTemplateId to be the editable area for fields that are currently not displayed on the grid. Then have an update button that uses the Datasource function of Update to update that row's values. 

 


@( Html.Kendo().Grid(Model.Members)
                .Name("membersGrid")
                .Columns(columns =>
                {
                              
                        
                    })
                    .AutoBind(true)
                    .HtmlAttributes(new { @class = "table table-hover align-middle faux-k-table" , style =" width: 100%"})
                    .Pageable()
                    .Sortable(false)
                       .ClientDetailTemplateId("DetailGridTemplate")          
                    .DataSource(dataSource => dataSource
                        .Ajax()
                        .PageSize(50)
                                .Events(e =>  e.RequestStart("onRequestStart")
                                             .RequestEnd("onRequestEnd")
                                              )
                        .Read(read => read.Action("GetGroupMembers", "Members").Data("additionalData"))
                    ).NoRecords(n => n.Template(@"<div class=""alert alert-warning"">
                        No data found with selected filter values or there are no eligible members from your MEC to view.
                    </div>"))
                        )


script id="DetailGridTemplate" type="text/kendo-tmpl">

                     
</script>

Anton Mironov
Telerik team
 answered on 15 May 2026
1 answer
22 views
Hi,

I'm using Telerik UI for ASP.NET Core with a custom theme exported from Theme Builder (Default base). The theme is loaded as a local CSS.


Theme
Custom Theme Builder export with a teal primary color.



Layout (`_Layout.cshtml`)
<head>
    <link rel="stylesheet" href="~/css/my-theme.v0.1.0.css" asp-append-version="true" />
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.kendostatic.com/2026.1.415/js/kendo.all.min.js"></script>
    <script src="https://cdn.kendostatic.com/2026.1.415/js/kendo.aspnetmvc.min.js"></script>
</head>
<body class="k-body k-bg-surface">
    <header>
        <kendo-appbar name="appBar">
            <items>
                <appbar-item type="AppBarItemType.ContentItem"
                    template="<a class='k-button k-button-flat' href='/Index'>Index</a>">
                </appbar-item>
            </items>
        </kendo-appbar>
    </header>
</body>

What works

The AppBar correctly changes background when switching between `AppBarThemeColor.Dark`, `AppBarThemeColor.Light`, and `AppBarThemeColor.Inherit`. The theme is loading and the component is initializing correctly.



Questions

1. Is there a way to apply `primary` as the AppBar theme color using the Tag Helper?

Thanks
Anton Mironov
Telerik team
 answered on 13 May 2026
2 answers
21 views
Keyboard trap. According the Telerik documentation a user should be able to use the keyboard to navigate out of the spreadsheet (https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/data-management/spreadsheet/accessibility/keyboard-navigation), but I don’t see it working in their demo. Does anyone have any solutions for this bug?
Neli
Telerik team
 answered on 11 May 2026
1 answer
13 views
When a table element contains a link, mouse actions differ from keyboard navigation. Anyone have a work-around for this so that there is a keyboard equivalent to a mouse click action?
Anton Mironov
Telerik team
 answered on 08 May 2026
1 answer
18 views

Does anyone know if there are any plans for custom cell editing (e.g., https://demos.telerik.com/aspnet-core/spreadsheet/custom-editorsand filtering (e.g., https://demos.telerik.com/aspnet-core/grid/filter-row) to be keyboard accessible?

Anton Mironov
Telerik team
 answered on 08 May 2026
1 answer
11 views
Telerik renders tabular data in separate tables instead of as one table. Does anyone have a solution so that the table can meet WCAG 1.3.1 level A http://www.w3.org/TR/WCAG20/#content-structure-separation-programmatic
Anton Mironov
Telerik team
 answered on 08 May 2026
2 answers
51 views

I am working through Telerik's UI for ASP.NET Core tutorial on YouTube ... RPSTrackerASPCore ... and I am at the point where the instructor is walking us through adding an Upload component to the project. I am using a much more recent version of Kendo UI so I have to tweak some things to get them to work properly. So far that hasn't been a problem. But the Upload component has me stumped.

The VS projects are .Net 9.0.

I am using Telerik.UI.for.AspNet.Core (2026.1.325) and I am loading the JavaScript assets as ECMAScript modules. So here is the list of modules I am currently loading:

<script src="~/lib/kendo-ui/mjs/kendo.core.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.button.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.textbox.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.textarea.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.slider.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.tabstrip.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.dataviz.chart.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.grid.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.tilelayout.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.upload.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.draganddrop.js" type="module"></script>
<script src="~/lib/kendo-ui/mjs/kendo.aspnetmvc.js" type="module"></script>

And here is my component definition:

            @(Html.Kendo().Upload()
                .Name("files")
                .Multiple(true)
                .Async(a => a
                    .Save("SaveAttachmentsAsync", "Upload")
                    .AutoUpload(true)
                )
                .Validation(v => v.AllowedExtensions(new string[] { ".jpg", ".png", ".jpeg" }).MaxFileSize(10485760))
            )

And here is the inline JavaScript generated by the component:


<script type="module">kendo.syncReady(function(){jQuery("#files").kendoUpload({"async":{"autoUpload":true,"saveUrl":null},"multiple":true,"validation":{"allowedExtensions":[".jpg",".png",".jpeg"],"maxFileSize":10485760}});});</script>

I include this because I think it is odd that the async.saveUrl parameter is set to null.

I can use the "Select Files" button to select a file, and they do get added to the file list, but the autoupload functionality is not triggered. And there are no errors in the console. And the drag-and-drop functionality is not active. If I drag an acceptable file over the component the file (an image) just gets opened in a new browser tab.

I have breakpoints in my UploadController.SaveAttachmentsAsync method but they are never hit.

If I submit the form and break on the method that handles the page's form post request I DO see the file included in the request, so at least that part does actually work.

But none of the additional Kendo functionality seems to work. I thought perhaps I am missing an ECMAScript module that needs to be loaded but the documentation doesn't mention any. There are no errors in the browser console so there doesn't seem to be a JavaScript problem happening.

I did replace the modules with the standard vanilla kendo.all.min.js and kendo.aspnetmvc.min.js scripts but I get the exact same behavior.

So what am I missing?

Nikolay
Telerik team
 answered on 20 Apr 2026
1 answer
45 views

Will the Telerik Agentic UI Generator be provided for ASP.NET Core?

 

Thanks

Nikolay
Telerik team
 answered on 10 Apr 2026
1 answer
49 views

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

Anton Mironov
Telerik team
 answered on 07 Apr 2026
1 answer
44 views

First i downloaded the version telerik.ui.for.aspnet.core.2019.1.220.commercial.zip

and

Telerik.UI.for.AspNet.Core.2019.1.220

as well as the project : rpstrackeraspcore-master.zip

 

I don't see any updated information on how to use this for the 2026 version of telerik. Also there is no Commercial file listed for 2026 that I could find. Please can you advise??

I followed the steps listed in the video and got a bunch of errors when I tired to install the files on to the project as directed and got a bunch of errors. Example 1

Anton Mironov
Telerik team
 answered on 30 Mar 2026
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?