Telerik Forums
UI for ASP.NET Core Forum
1 answer
21 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
20 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
48 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
44 views

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

 

Thanks

Nikolay
Telerik team
 answered on 10 Apr 2026
1 answer
47 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
1 answer
46 views

I am using Telerik.UI.for.AspNet.Core (2026.1.212) in a C# net9 application. I am running into issues attempting to create a responsive Form layout for my Form component in the UI for ASP.NET Core library.

My form is being built like:

Html.Kendo().Form<MyFormModel>() .Name("MyFormName") .FormData(Model.Model) .HtmlAttributes(new {@method = "POST" }) .Layout("grid") .Grid(g => g.Cols(c => { c.Add().MaxWidth(1680).Value(6); c.Add().MinWidth(1681).Value(12); } ) ) .Validatable(v => { v.ValidateOnBlur(true); v.ValidationSummary(true); v.ErrorTemplate("<span style='color:red;'>Fill in #=data.field#</span>"); }) .Items(i => { //=======================================//= REQUEST INFORMATION = //======================================= i.AddGroup().Label("Request Information").ColSpan(6).Layout("grid") .Grid(g => g.Cols(c => { c.Add().MaxWidth(500).Value(1); c.Add().MinWidth(501).Value(12); }) ) .Items(gi => { //Group Items }); //=======================================//= Request/Date Information =//======================================= i.AddGroup() .ColSpan(6) .Label("Request and Date Information") .Layout("grid") .Grid(g => { g.Cols(c => { c.Add().MaxWidth(500).Value(1); c.Add().MinWidth(501).Value(2); }); }) .Items(gi => { //Group Items });

})
)                        


The image attached shows that the responsive column rules are being converted into css classes like "k-gap-x-[object Object]" instead of "k-grid-cols-12" or "k-grid-cols-6". This behavior happens on the main form and each group within the form. I've also attempted to try setting a column gutter but that also does not convert to a css class properly. I have referenced the documentation and demo page https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/responsive and https://demos.telerik.com/aspnet-core/form/responsive-form but the behavior on the demo side does not seem to align with the behavior in my application.

Any insight or thoughts are appreciated!

Eyup
Telerik team
 answered on 27 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?