Skip to content

Commit b911cb7

Browse files
committed
Sync with Kendo UI Professional
1 parent eba05d5 commit b911cb7

File tree

49 files changed

+4670
-551
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+4670
-551
lines changed

docs-aspnet/_config.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -790,7 +790,7 @@ baseurl: /aspnet-core
790790
cdnVersion: "2025.4.1111"
791791

792792
## The themes CDN used
793-
themesCdnVersion: "12.2.2"
793+
themesCdnVersion: "12.2.3"
794794

795795
## The MVC Core version used
796796
mvcCoreVersion: "2025.4.1111"

docs-aspnet/ai-components-and-features.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ Accelerate development with cutting-edge AI-powered {{ site.product }} component
4545
description="Process data using the intelligent AI capabilities of the {{ site.product }} Grid.">
4646
</article-card>
4747
<article-card
48-
href="slug://ai_toolbar_tool_core_grid"
48+
href="slug://ai_toolbar_tool_core_grid#row-highlighting"
4949
src="./images/aicomponents/AI_Data_Highlight_Light_Large.svg"
5050
title="AI Data Highlight"
5151
subTitle="Smart Data Grid Feature"

docs-aspnet/ai/changelog.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,14 @@ position: 5
1111

1212
Learn about the latest changes, improvements and bug fixes in the Telerik UI for {{ site.framework }} AI Coding Assistant. The updates are structured in a chronological order with the newest ones appearing first.
1313

14+
## October, 2025 Changelog
15+
16+
### Highlights
17+
18+
- Improved APIs for public members for better discovery by the LLM.
19+
- Refined output formatting of the MCP tool to improve the ability of the LLM to follow the exact provided instructions more closely.
20+
- Enhanced the MCP tool's instructions to provide more accurate output.
21+
1422
{% if site.core %}
1523
## August, 2025 Changelog
1624
{% endif %}

docs-aspnet/docs-builder-core.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ liquid:
3232
framework: "ASP.NET Core"
3333
framework_short: "Core"
3434
cdnVersion: "2025.4.1111"
35-
themesCdnVersion: "12.2.2"
35+
themesCdnVersion: "12.2.3"
3636
mvcCoreVersion: "2025.4.1111"
3737
platform: aspnet-core
3838
core: true

docs-aspnet/docs-builder-mvc.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ liquid:
3232
framework: "ASP.NET MVC"
3333
framework_short: "MVC"
3434
cdnVersion: "2025.4.1111"
35-
themesCdnVersion: "12.2.2"
35+
themesCdnVersion: "12.2.3"
3636
mvcCoreVersion: "2025.4.1111"
3737
platform: aspnet-mvc
3838
core: false

docs-aspnet/html-helpers/data-management/grid/smart-grid/ai-toolbar-tool.md

Lines changed: 143 additions & 99 deletions
Original file line numberDiff line numberDiff line change
@@ -17,46 +17,92 @@ The AI Assistant interprets user requests and automatically applies the correspo
1717
1818
To configure the Grid's AI Assistant toolbar tool:
1919

20-
1. Set up data binding in the Grid and enable the required data operations that the AI should control:
20+
1. Set up data binding in the Grid and enable the required data operations that the AI must control:
21+
22+
```HtmlHelper
23+
@(Html.Kendo().Grid<PatientRecord>()
24+
.Name("grid")
25+
.Filterable()
26+
.Groupable()
27+
.Sortable()
28+
... // Additional configuration options.
29+
)
30+
```
31+
{% if site.core %}
32+
```TagHelper
33+
@addTagHelper *, Kendo.Mvc
34+
35+
<kendo-grid name="grid">
36+
<filterable enabled="true"/>
37+
<groupable enabled="true"/>
38+
<sortable enabled="true"/>
39+
<!-- Additional configuration options. -->
40+
</kendo-grid>
41+
```
42+
{% endif %}
43+
44+
2. Enable the `AiAssistant()` tool in the [Grid's toolbar](slug://htmlhelpers_grid_aspnetcore_toolbar):
45+
46+
```HtmlHelper
47+
@(Html.Kendo().Grid<PatientRecord>()
48+
.Name("grid")
49+
.ToolBar(t =>
50+
{
51+
t.AIAssistant();
52+
})
53+
... // Additional configuration options.
54+
)
55+
```
56+
{% if site.core %}
57+
```TagHelper
58+
<kendo-grid name="grid">
59+
<toolbar>
60+
<toolbar-button name="aiAssistant"></toolbar-button>
61+
</toolbar>
62+
<!-- Additional configuration options. -->
63+
</kendo-grid>
64+
```
65+
{% endif %}
66+
67+
3. Configure the `Service` option to point to the AI service endpoint:
68+
69+
```HtmlHelper
70+
@(Html.Kendo().Grid<PatientRecord>()
71+
.Name("grid")
72+
.AI(ai => ai
73+
.Service("https://demos.telerik.com/service/v2/ai/grid/smart-state")
74+
)
75+
... // Additional configuration options.
76+
)
77+
```
78+
{% if site.core %}
79+
```TagHelper
80+
<kendo-grid name="grid">
81+
<ai>
82+
<service url="https://demos.telerik.com/service/v2/ai/grid/smart-state" />
83+
</ai>
84+
<!-- Additional configuration options. -->
85+
</kendo-grid>
86+
```
87+
{% endif %}
2188
22-
```Razor
23-
- .Filterable()
24-
- .Groupable()
25-
- .Scrollable()
26-
```
89+
The AI service defines the endpoint where your natural language queries will be processed. It must point to your custom AI service that can understand your domain-specific data and business logic.
2790
28-
2. Enable the `AiAssistant` tool in the Grid's [`toolbar`](https://www.telerik.com/{{ site.platform }}/documentation/html-helpers/data-management/grid/toolbar):
91+
### Row Highlighting
2992
30-
```HtmlHelper
31-
.ToolBar(t =>
32-
{
33-
t.AIAssistant();
34-
})
35-
```
36-
{% if site.core %}
37-
```TagHelper
38-
<toolbar>
39-
<toolbar-button name="aiAssistant"></toolbar-button>
40-
</toolbar>
41-
```
42-
{% endif %}
93+
One of the key features of the AI Assistant toolbar tool is the ability to visually highlight Grid rows based on natural language prompts. When users enter prompts containing the word **highlight**, the Grid automatically processes the request and applies visual highlighting to the matching data.
4394
44-
3. Configure the `Service` property to point to your custom AI service endpoint:
95+
The highlighting functionality enables users to quickly identify and visualize data patterns without having to manually configure filters or complex search criteria. The AI service interprets the natural language request and determines which rows must be highlighted based on the specified conditions.
4596
46-
```HtmlHelper
47-
.AI(ai => ai
48-
.Service("https://demos.telerik.com/service/v2/ai/grid/smart-state")
49-
)
50-
```
51-
{% if site.core %}
52-
```TagHelper
53-
<ai>
54-
<service url="https://demos.telerik.com/service/v2/ai/grid/smart-state" />
55-
</ai>
56-
```
57-
{% endif %}
97+
Common highlighting use cases include:
5898
59-
The AI service defines the endpoint where your natural language queries will be processed. It must point to your custom AI service that can understand your domain-specific data and business logic.
99+
- Conditional highlighting&mdash;**Highlight rows where age is above 60** will visually emphasize all rows meeting that criteria.
100+
- Date-based highlighting&mdash;**Highlight all admissions after July 15th, 2024** will mark rows with dates matching the condition.
101+
- Status-based highlighting&mdash;**Highlight rows with critical patients** will emphasize rows based on status values.
102+
- Numeric range highlighting&mdash;**Highlight risk scores between 30% and 50%** will highlight rows within the specified range.
103+
- Clear highlighting&mdash;**Clear highlighting** will remove all applied highlighting effects.
104+
105+
Users can combine highlighting with other data operations like filtering, sorting, and grouping.
60106
61107
## AI Service Integration
62108
@@ -201,54 +247,54 @@ The examples below represent sample responses for the basic data operations:
201247

202248
- Filtering&mdash;Accepts an object with filter conditions and logic operators.
203249

204-
```
205-
{
206-
"filter": {
207-
"logic": "and",
208-
"filters": [
209-
{
210-
"field": "Currency",
211-
"operator": "eq",
212-
"value": "USD"
213-
}
214-
]
215-
},
216-
"messages": [
217-
"Filtered by the field Currency with the value equal to USD"
250+
```JSON
251+
{
252+
"filter": {
253+
"logic": "and",
254+
"filters": [
255+
{
256+
"field": "Currency",
257+
"operator": "eq",
258+
"value": "USD"
259+
}
218260
]
219-
}
261+
},
262+
"messages": [
263+
"Filtered by the field Currency with the value equal to USD"
264+
]
265+
}
220266
```
221267

222268
- Sorting&mdash;Accepts an array of objects specifying field names and sort directions.
223269

224-
```
225-
{
226-
"sort": [
227-
{
228-
"field": "Amount",
229-
"dir": "desc"
230-
}
231-
],
232-
"messages": [
233-
"Sorted by the field Amount in descending order."
234-
]
235-
}
270+
```JSON
271+
{
272+
"sort": [
273+
{
274+
"field": "Amount",
275+
"dir": "desc"
276+
}
277+
],
278+
"messages": [
279+
"Sorted by the field Amount in descending order."
280+
]
281+
}
236282
```
237283

238284
- Grouping&mdash;Accepts an array of objects defining the fields to group by.
239285

240-
```
241-
{
242-
"group": [
243-
{
244-
"field": "AccountType",
245-
"dir": "desc"
246-
}
247-
],
248-
"messages": [
249-
"Grouped by the field AccountType in descending order."
250-
]
251-
}
286+
```JSON
287+
{
288+
"group": [
289+
{
290+
"field": "AccountType",
291+
"dir": "desc"
292+
}
293+
],
294+
"messages": [
295+
"Grouped by the field AccountType in descending order."
296+
]
297+
}
252298
```
253299

254300
### Manual Integration
@@ -263,7 +309,6 @@ In the AI Assistant configuration, you can handle all events provided by the int
263309

264310
These event details allow you to implement fully customized AI service communication while maintaining access to the Grid context and user input.
265311

266-
267312
## Customization Options
268313

269314
The AI Assistant toolbar tool provides various configuration options to customize the experience based on your application requirements:
@@ -293,19 +338,19 @@ This property allows you to add PromptSuggestions tailored to your specific use
293338
```
294339
{% if site.core %}
295340
```TagHelper
296-
<ai>
297-
<service url="https://demos.telerik.com/service/v2/ai/grid/smart-state" />
298-
<ai-assistant prompt-suggestions='new[] {
299-
"Sort by Amount descending",
300-
"Group by account type",
301-
"Show only failed transactions",
302-
"Filter where currency is USD",
303-
"Display withdrawals over 800 after 15th September 2024",
304-
"Clear filtering",
305-
"Clear grouping"
306-
}'>
307-
</ai-assistant>
308-
</ai>
341+
<ai>
342+
<service url="https://demos.telerik.com/service/v2/ai/grid/smart-state" />
343+
<ai-assistant prompt-suggestions='new[] {
344+
"Sort by Amount descending",
345+
"Group by account type",
346+
"Show only failed transactions",
347+
"Filter where currency is USD",
348+
"Display withdrawals over 800 after 15th September 2024",
349+
"Clear filtering",
350+
"Clear grouping"
351+
}'>
352+
</ai-assistant>
353+
</ai>
309354
```
310355
{% endif %}
311356

@@ -316,27 +361,26 @@ You can also customize the appearance of the [Window](https://www.telerik.com/{{
316361
To achieve this, use the `AIAssistantWindow` property, which allows you to control the positioning and visual appearance of the Window to match your application's design and requirements.
317362

318363
```HtmlHelper
319-
.AI(ai => ai
320-
.Service("https://demos.telerik.com/service/v2/ai/grid/smart-state")
321-
.AIAssistantWindow(ws => ws.Width(500).Height(460))
322-
)
364+
.AI(ai => ai
365+
.Service("https://demos.telerik.com/service/v2/ai/grid/smart-state")
366+
.AIAssistantWindow(ws => ws.Width(500).Height(460))
367+
)
323368
```
324369
{% if site.core %}
325370
```TagHelper
326-
<ai>
327-
<service url="https://demos.telerik.com/service/v2/ai/grid/smart-state" />
328-
<ai-assistant-window width="500" height="460"></ai-assistant-window>
329-
</ai>
371+
<ai>
372+
<service url="https://demos.telerik.com/service/v2/ai/grid/smart-state" />
373+
<ai-assistant-window width="500" height="460"></ai-assistant-window>
374+
</ai>
330375
```
331376
{% endif %}
332377

333-
334378
## Suggested Links
335379

336380
{% if site.core %}
337381
* [ASP.NET Core Grid Homepage](https://www.telerik.com/aspnet-core-ui/grid)
338382
{% endif %}
339-
* [Knowledge Base Section](/knowledge-base)
340-
* [Server-Side API](/api/grid)
341-
* [AI Toolbar Tool in Telerik UI Grid (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/ai-toolbar)
383+
* [AI Toolbar Tool of the Grid for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/ai-toolbar)
384+
* [AI Row Highlighting by the Grid for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/ai-toolbar-highlight)
342385
* [AIPrompt Overview Documentation](https://www.telerik.com/{{ site.platform }}/documentation/html-helpers/conversational-ui/aiprompt/overview)
386+
* [Server-Side API](/api/grid)

0 commit comments

Comments
 (0)