Skip to content

Commit 1ab0ceb

Browse files
AakashSF4753AakashSF4753
authored
Merge branch 'development' into 993923-rowspancolspan
2 parents 22b11ae + 1fb65c0 commit 1ab0ceb

File tree

27 files changed

+542
-38
lines changed

27 files changed

+542
-38
lines changed

‎ej2-asp-core-mvc/Release-notes/32.1.19.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ documentation: ug
77

88
# Essential Studio for ##Platform_Name## - v32.1.19 Release Notes
99

10-
{% include release-info.html date="December 15, 2025" version="v32.1.19" passed="68209" failed="0" %}
10+
{% include release-info.html date="December 16, 2025" version="v32.1.19" passed="68209" failed="0" %}
1111

1212
{% directory path: _includes/release-notes/v32.1.19 %}
1313

‎ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/toolbar-items.md‎

Lines changed: 65 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,71 @@ documentation: ug
1010

1111
# Toolbar items in ##Platform_Name## AI AssistView control
1212

13-
You can render the AI AssistView toolbar items by using the [Items](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewToolbarSettings.html#Syncfusion_EJ2_InteractiveChat_AIAssistViewToolbarSettings_Items) property in the [ToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewToolbarSettings.html), [ResponseToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewResponseToolbarSettings.html) & [PromptToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewPromptToolbarSettings.html) properties.
13+
You can render the AI AssistView toolbar items by using the [Items](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewToolbarSettings.html#Syncfusion_EJ2_InteractiveChat_AIAssistViewToolbarSettings_Items) property in the [ToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewToolbarSettings.html), [ResponseToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewResponseToolbarSettings.html), [PromptToolbarSettings](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewPromptToolbarSettings.html) & `FooterToolbarSettings` properties.
14+
15+
## Configure footer toolbar
16+
17+
By default, the footer toolbar renders the `send`, if attachment is enabled the `attachment` item will also be rendered which allows users to send the prompt text or attach files as needed.
18+
19+
In the following example, AI AssistView component rendered with footer toolbar items such as `send` and `attachment` icons.
20+
21+
{% tabs %}
22+
{% highlight razor tabtitle="CSHTML" %}
23+
{% include code-snippet/ai-assistview/file-attachments/enable-attachments/razor %}
24+
{% endhighlight %}
25+
{% highlight c# tabtitle="FooterToolbar.cs" %}
26+
{% include code-snippet/ai-assistview/file-attachments/enable-attachments/enable-attachments.cs %}
27+
{% endhighlight %}
28+
{% endtabs %}
29+
30+
![FooterToolbar](images/enable-attachments.png)
31+
32+
### Toolbar positioning
33+
34+
You can use the `ToolbarPosition` property to customize footer toolbar position. It has two modes such as `Inline`, and `Bottom`. By default, the toolbarPosition is `Inline`.
35+
36+
By settings toolbarPosition as `Bottom`, footer items will be rendered at the bottom with a dedicated footer area .
37+
38+
{% tabs %}
39+
{% highlight razor tabtitle="CSHTML" %}
40+
{% include code-snippet/ai-assistview/toolbar-items/footerPosition/razor %}
41+
{% endhighlight %}
42+
{% highlight c# tabtitle="ToolbarPosition.cs" %}
43+
{% include code-snippet/ai-assistview/toolbar-items/footerPosition/footerPosition.cs %}
44+
{% endhighlight %}
45+
{% endtabs %}
46+
47+
![ToolbarPosition](images/toolbarPosition.png)
48+
49+
### Adding custom items
50+
51+
You can use the `FooterToolbarSettings` property to add custom items for the footer toolbar in the AI AssistView. The custom items will be added with the existing built-in items in the footer toolbar.
52+
53+
> To know more about the items, please refer to the [Items](#Items) section.
54+
55+
{% tabs %}
56+
{% highlight razor tabtitle="CSHTML" %}
57+
{% include code-snippet/ai-assistview/toolbar-items/custom-footer/razor %}
58+
{% endhighlight %}
59+
{% highlight c# tabtitle="CustomFooter.cs" %}
60+
{% include code-snippet/ai-assistview/toolbar-items/custom-footer/custom-footer.cs %}
61+
{% endhighlight %}
62+
{% endtabs %}
63+
64+
![CustomFooter](images/custom-footer.png)
65+
66+
### Item click
67+
68+
The [ItemClick](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewResponseToolbarSettings.html#Syncfusion_EJ2_InteractiveChat_AIAssistViewResponseToolbarSettings_ItemClick) event is triggered when the footer toolbar item is clicked.
69+
70+
{% tabs %}
71+
{% highlight razor tabtitle="CSHTML" %}
72+
{% include code-snippet/ai-assistview/toolbar-items/footerItemClick/razor %}
73+
{% endhighlight %}
74+
{% highlight c# tabtitle="FooterItemClick.cs" %}
75+
{% include code-snippet/ai-assistview/toolbar-items/footerItemClick/footerItemClick.cs %}
76+
{% endhighlight %}
77+
{% endtabs %}
1478

1579
## Adding header toolbar items
1680

‎ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/toolbar-items.md‎

Lines changed: 56 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,62 @@ documentation: ug
1010

1111
# Toolbar items in ##Platform_Name## AI AssistView control
1212

13-
You can render the AI AssistView toolbar items by using the [items](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewToolbarSettings.html#Syncfusion_EJ2_InteractiveChat_AIAssistViewToolbarSettings_Items) property in the `e-aiassistview-toolbarsettings`, `e-aiassistview-responsetoolbarsettings` & `e-aiassistview-prompttoolbarsettings` tag helpers.
13+
You can render the AI AssistView toolbar items by using the [items](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.InteractiveChat.AIAssistViewToolbarSettings.html#Syncfusion_EJ2_InteractiveChat_AIAssistViewToolbarSettings_Items) property in the `e-aiassistview-toolbarsettings`, `e-aiassistview-responsetoolbarsettings`, `e-aiassistview-prompttoolbarsettings` & `e-aiassistview-footertoolbarsettings` tag helpers.
14+
15+
## Configure footer toolbar
16+
17+
By default, the footer toolbar renders the `send`, if attachment is enabled the `attachment` item will also be rendered which allows users to send the prompt text or attach files as needed.
18+
19+
In the following example, AI AssistView component rendered with footer toolbar items such as `send` and `attachment` icons.
20+
21+
{% tabs %}
22+
{% highlight razor tabtitle="CSHTML" %}
23+
{% include code-snippet/ai-assistview/file-attachments/enable-attachments/razor %}
24+
{% endhighlight %}
25+
{% highlight c# tabtitle="FooterToolbar.cs" %}
26+
{% include code-snippet/ai-assistview/file-attachments/enable-attachments/enable-attachments.cs %}
27+
{% endhighlight %}
28+
{% endtabs %}
29+
30+
![FooterToolbar](images/enable-attachments.png)
31+
32+
### Toolbar positioning
33+
34+
You can use the `ToolbarPosition` property to customize footer toolbar position. It has two modes such as `Inline`, and `Bottom`. By default, the toolbarPosition is `Inline`.
35+
36+
By settings toolbarPosition as `Bottom`, footer items will be rendered at the bottom with a dedicated footer area .
37+
38+
{% tabs %}
39+
{% highlight razor tabtitle="CSHTML" %}
40+
{% include code-snippet/ai-assistview/toolbar-items/footerPosition/tagHelper %}
41+
{% endhighlight %}
42+
{% endtabs %}
43+
44+
![ToolbarPosition](images/toolbarPosition.png)
45+
46+
### Adding custom items
47+
48+
You can use the `e-aiassistview-footertoolbarsettings` tag helper to add custom items for the footer toolbar in the AI AssistView. The custom items will be added with the existing built-in items in the footer toolbar.
49+
50+
> To know more about the items, please refer to the [Items](#Items) section.
51+
52+
{% tabs %}
53+
{% highlight razor tabtitle="CSHTML" %}
54+
{% include code-snippet/ai-assistview/toolbar-items/custom-footer/tagHelper %}
55+
{% endhighlight %}
56+
{% endtabs %}
57+
58+
![CustomFooter](images/custom-footer.png)
59+
60+
### Item click
61+
62+
The `ItemClick` event is triggered when the footer toolbar item is clicked.
63+
64+
{% tabs %}
65+
{% highlight razor tabtitle="CSHTML" %}
66+
{% include code-snippet/ai-assistview/toolbar-items/footerItemClick/tagHelper %}
67+
{% endhighlight %}
68+
{% endtabs %}
1469

1570
## Adding header toolbar items
1671

‎ej2-asp-core-mvc/ai-assistview/images/custom-footer.png‎

28 KB
Loading

‎ej2-asp-core-mvc/ai-assistview/images/toolbarPosition.png‎

29.7 KB
Loading

‎ej2-asp-core-mvc/chart/EJ2_ASP.MVC/axis-labels.md‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -449,3 +449,29 @@ Line break feature used to customize the long axis label text into multiple line
449449
{% endtabs %}
450450
{% endif %}
451451

452+
453+
## Axis label template
454+
455+
The axis label template allows you to customize axis labels by formatting them with HTML content, applying conditional styling, and including dynamic elements such as icons, images or additional data. This customization is enabled by setting the template content in the `LabelTemplate` property of the [ChartAxis](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Charts.ChartAxis.html).
456+
457+
{% if page.publishingplatform == "aspnet-core" %}
458+
459+
{% tabs %}
460+
{% highlight c# tabtitle="Label-template.cs" %}
461+
{% include code-snippet/chart/axis/multiple/label-template/label-template.cs %}
462+
{% endhighlight %}
463+
{% endtabs %}
464+
465+
{% elsif page.publishingplatform == "aspnet-mvc" %}
466+
467+
{% tabs %}
468+
{% highlight razor tabtitle="CSHTML" %}
469+
{% include code-snippet/chart/axis/multiple/label-template/razor %}
470+
{% endhighlight %}
471+
{% highlight c# tabtitle="Label-template.cs" %}
472+
{% include code-snippet/chart/axis/multiple/label-template/label-template.cs %}
473+
{% endhighlight %}
474+
{% endtabs %}
475+
{% endif %}
476+
477+
![ASP.NET MVC Chart Control](images/axislabel-template.png)

‎ej2-asp-core-mvc/chart/EJ2_ASP.NETCORE/axis-labels.md‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -449,3 +449,28 @@ Line break feature used to customize the long axis label text into multiple line
449449
{% endtabs %}
450450
{% endif %}
451451

452+
## Axis label template
453+
454+
The axis label template allows you to customize axis labels by formatting them with HTML content, applying conditional styling, and including dynamic elements such as icons, images or additional data. This customization is enabled by setting the template content in the `labelTemplate` property of the [ChartAxis](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Charts.ChartAxis.html).
455+
456+
{% if page.publishingplatform == "aspnet-core" %}
457+
458+
{% tabs %}
459+
{% highlight c# tabtitle="Label-template.cs" %}
460+
{% include code-snippet/chart/axis/multiple/label-template/label-template.cs %}
461+
{% endhighlight %}
462+
{% endtabs %}
463+
464+
{% elsif page.publishingplatform == "aspnet-mvc" %}
465+
466+
{% tabs %}
467+
{% highlight razor tabtitle="CSHTML" %}
468+
{% include code-snippet/chart/axis/multiple/label-template/razor %}
469+
{% endhighlight %}
470+
{% highlight c# tabtitle="Label-template.cs" %}
471+
{% include code-snippet/chart/axis/multiple/label-template/label-template.cs %}
472+
{% endhighlight %}
473+
{% endtabs %}
474+
{% endif %}
475+
476+
![ASP.NET Core Chart Control](images/axislabel-template.png)

‎ej2-asp-core-mvc/chart/images/axislabel-template.png‎

18.5 KB
Loading

‎ej2-asp-core-mvc/code-snippet/ai-assistview/methods/execute-prompt/razor‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@using Syncfusion.EJ2.InteractiveChat
22

33
<div class="aiassist-container" style="height: 350px; width: 650px;">
4-
<button id="executePrompt">Execute Prompt</button>
4+
<button id="executePrompt" onclick="executePrompt()">Execute Prompt</button>
55
@Html.EJS().AIAssistView("aiAssistView").PromptRequest("onPromptRequest").Created("onCreated").Render()
66
</div>
77

@@ -17,11 +17,9 @@
1717
assistObj.addPromptResponse(defaultResponse);
1818
}, 2000);
1919
}
20-
document.addEventListener('click', function (event) {
21-
if (event.target && event.target.id === 'executePrompt') {
22-
assistObj.executePrompt('What is the current temperature?');
23-
}
24-
});
20+
function executePrompt() {
21+
assistObj.executePrompt('What is the current temperature?');
22+
}
2523
</script>
2624

2725
<style>

‎ej2-asp-core-mvc/code-snippet/ai-assistview/methods/execute-prompt/tagHelper‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@using Syncfusion.EJ2.InteractiveChat;
22

33
<div class="aiassist-container" style="height: 350px; width: 650px;">
4-
<button id="executePrompt">Execute Prompt</button>
4+
<button id="executePrompt" onclick="executePrompt()">Execute Prompt</button>
55
<ejs-aiassistview id="aiAssistView" promptRequest="onPromptRequest" created="onCreated"></ejs-aiassistview>
66
</div>
77

@@ -17,11 +17,9 @@
1717
assistObj.addPromptResponse(defaultResponse);
1818
}, 2000);
1919
}
20-
document.addEventListener('click', function (event) {
21-
if (event.target && event.target.id === 'executePrompt') {
22-
assistObj.executePrompt('What is the current temperature?');
23-
}
24-
});
20+
function executePrompt() {
21+
assistObj.executePrompt('What is the current temperature?');
22+
}
2523
</script>
2624

2725
<style>

0 commit comments

Comments
 (0)