Latest Online Resources about UI for ASP.NET MVC

0 Answers 98 Views
General Discussions
Telerik
Top achievements
Rank 1
Iron
Telerik asked on 27 Oct 2025, 09:00 AM | edited on 26 Jan 2026, 07:54 AM

19 Jan to 26 Jan 2026: highlights of the new online resources that we published last week.

Blog: https://www.telerik.com/blogs/getting-the-right-row-on-the-screen-in-the-kendo-grid
Summary: Learn how to programmatically bring a specific Kendo UI Grid row into view so users don’t lose context after a search, selection, or edit. You’ll locate the target data item, handle paging or virtual scrolling by determining its page/index and navigating to it, then scroll the grid’s content to reveal the row, optionally selecting and focusing it for keyboard navigation.

---------------------------------------------------------------------------------------------------------------------------------------------------------

12 Jan to 19 Jan 2026: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/aspnet-mvc/documentation/knowledge-base/grid-use-grid-as-client-template
Summary: Learn how to render and initialize a Kendo UI for ASP.NET MVC Grid inside a client-side template (for example, a parent Grid column) to create per-row nested grids. You use the MVC helper with ToClientTemplate, assign unique widget names/IDs via #= ... # placeholders, reference the template via ClientTemplate or ClientTemplateId, pass the master row key to the child grid’s DataSource read, and call kendo.init in the parent Grid’s dataBound to activate the generated widgets. This setup avoids duplicate IDs and ensures each grid instance binds to its own data.

Article: https://www.telerik.com/aspnet-mvc/documentation/knowledge-base/tooltip-refresh-with-dynamic-content
Summary: Learn how to refresh a Kendo UI Tooltip in ASP.NET MVC when targets and content are created or updated dynamically. Initialize the tooltip once on a stable container with a filter selector and a content callback tied to the current target, then after AJAX/DOM updates call tooltip.refresh() (or hide/show) and, if using remote content, set cache: false to force a reload. This delegated setup avoids per-element reinitialization and ensures new Grid rows and other dynamic elements display up-to-date tooltip content.

---------------------------------------------------------------------------------------------------------------------------------------------------------

05 Jan to 12 Jan 2026: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/aspnet-mvc/documentation/html-helpers/diagrams-and-maps/map/azure-tiles
Summary: Configure the Telerik UI for ASP.NET MVC Map to render Microsoft Azure/Bing Maps tiles by adding a tile layer with a Virtual Earth URL template. You set UrlTemplate with {quadkey} and {subdomain}, define subdomains and attribution, and append your Bing/Azure Maps API key; the examples show Razor code and how to switch between road and aerial imagery.

---------------------------------------------------------------------------------------------------------------------------------------------------------

15 Dec to 22 Dec 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/aspnet-mvc/documentation/knowledge-base/grid-ai-integration
Summary: Learn how to integrate an LLM (OpenAI/Azure OpenAI) with the Telerik UI for ASP.NET MVC Grid to turn natural-language commands into Kendo DataSource descriptors (filter, sort, group, aggregate) and apply them at runtime. The article shows the prompt structure and column metadata to send, includes MVC/C# and JavaScript code to call the model, parse the JSON response, validate it, and update the Grid via dataSource.query or setOptions.

Article: https://www.telerik.com/aspnet-mvc/documentation/knowledge-base/chart-ai-integration
Summary: Learn how to integrate the Telerik UI for ASP.NET MVC Chart with an AI provider (OpenAI or Azure OpenAI) to generate concise, natural-language summaries from chart data. You’ll configure API credentials, implement a C# controller/service that serializes series data and calls the model, and add client-side JavaScript to invoke the endpoint and render the AI output alongside the chart. The article provides example request/response code and notes on securing API keys.

Article: https://www.telerik.com/aspnet-mvc/documentation/knowledge-base/editor-ai-integration
Summary: Learn how to add AI to the Telerik UI for ASP.NET MVC Editor by creating a custom toolbar tool that sends the selected text or full content to OpenAI or Azure OpenAI through an MVC controller and inserts the generated result back into the editor. You’ll implement the client-side JavaScript to trigger the tool and apply the response, and the server-side C# action that calls the Chat Completions REST API with the API key kept on the server, including basic error handling.

Article: https://www.telerik.com/aspnet-mvc/documentation/knowledge-base/scheduler-ai-integration
Summary: Implement natural-language event creation in the Telerik UI for ASP.NET MVC Scheduler by integrating a server-side AI service (OpenAI/Azure OpenAI). You’ll add a prompt input, call the AI API from a controller with a JSON schema for event fields, parse and validate the response, and insert the resulting appointment into the Scheduler DataSource.

Article: https://www.telerik.com/aspnet-mvc/documentation/html-helpers/data-management/grid/smart-grid/smart-extensions
Summary: Learn how to enable and configure the ASP.NET MVC Grid Smart Extensions—AI-powered actions exposed in the Grid toolbar, column menu, and context menu. The article covers the Smart() server-side API, wiring an AI provider, customizing prompts and scope, handling client-side events, and enabling or disabling specific extensions to fit your requirements.

---------------------------------------------------------------------------------------------------------------------------------------------------------

17 Nov to 24 Nov 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/aspnet-mvc/documentation/knowledge-base/chat-ai-integration
Summary: This article shows you how to integrate the Telerik UI for ASP.NET MVC Chat component with an LLM (OpenAI or Azure OpenAI) by posting user messages to a server-side controller that proxies the Chat Completions API and returns AI replies in the Chat message format. You’ll set up the MVC wrapper and client-side transport, preserve conversation context, map system/user/assistant roles, secure API keys on the server, and handle errors so the AI responses render correctly in the Chat UI.

---------------------------------------------------------------------------------------------------------------------------------------------------------

10 Nov to 17 Nov 2025: highlights of the new online resources that we published last week.

Summary: This article shows how to integrate LLM features in ASP.NET MVC apps using Telerik UI’s AI components, focusing on the AIPrompt and related server-side helpers. You’ll configure OpenAI or Azure OpenAI providers, proxy requests through an MVC controller to protect API keys, and control behavior such as streaming responses, system messages, and prompt templates with clear setup and customization examples.

Article: https://www.telerik.com/aspnet-mvc/documentation/html-helpers/diagrams-and-maps/diagram/binding
Summary: Bind the Kendo UI Diagram for ASP.NET MVC to local or remote data so shapes and connections are generated from your models. Configure the Diagram and Connections DataSource with the MVC fluent API—define model fields (Id, Text, X/Y, Width/Height, Type; From/To), map the schema, and set read/create/update/destroy actions—to control loading, layout, linking, and persistence.

---------------------------------------------------------------------------------------------------------------------------------------------------------

05 Nov to 10 Nov 2025: highlights of the new online resources that we published last week.

Summary: Learn how to use the Kendo UI ResponsivePanel in ASP.NET MVC to hide and reveal mobile content (such as navigation and sidebars) based on viewport width. The article shows initialization via the MVC HtmlHelper and HTML5 data attributes, configuring breakpoints, toggle targets, and auto-hide behavior, and handling open/close events and CSS to control layout and accessibility.

---------------------------------------------------------------------------------------------------------------------------------------------------------

29 Oct to 05 Nov 2025: highlights of the new online resources that we published last week.

Summary: Configure the Telerik UI for ASP.NET MVC TabStrip to load tab content on demand via AJAX using .LoadContentFrom or .ContentUrl, with controller actions that return PartialView results. Handle select/contentLoad/error events, optional caching, and route values as needed to optimize page load and keep tab content modular and maintainable.

Article: https://www.telerik.com/aspnet-mvc/documentation/html-helpers/data-management/listview/binding/overview
Summary: This article explains how to bind the ASP.NET MVC ListView to data: bind directly to an IEnumerable

Feel free to check them out and share your thoughts!

The Telerik Team

No answers yet. Maybe you can help?

Tags
General Discussions
Asked by
Telerik
Top achievements
Rank 1
Iron
Share this question
or