Skip to content

Commit a6a7658

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 09-30-2025 11:13:40 PM
1 parent 9b6f922 commit a6a7658

File tree

21 files changed

+929
-12
lines changed

21 files changed

+929
-12
lines changed

‎ej2-javascript-toc.html‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -539,6 +539,16 @@
539539
</li>
540540
</ul>
541541
</li>
542+
<li>AI Integrations
543+
<ul>
544+
<li>
545+
<a href="/ej2-javascript/chat-ui/ai-integrations/gemini-integration">Integration with Google Gemini</a>
546+
</li>
547+
<li>
548+
<a href="/ej2-javascript/chat-ui/ai-integrations/openai-integration">Integration with Azure Open AI</a>
549+
</li>
550+
</ul>
551+
</li>
542552
<li><a href="/ej2-javascript/chat-ui/timebreak">Time break</a></li>
543553
<li><a href="/ej2-javascript/chat-ui/timestamp">Timestamp</a></li>
544554
<li><a href="/ej2-javascript/chat-ui/typing-indicator">Typing indicator</a></li>
@@ -2879,7 +2889,7 @@
28792889
</ul>
28802890
</li> <li>Release Notes
28812891
<ul>
2882-
<li>2025 Volume 3 - 31.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/31.1.21">31.1.21</a></li><li><a href="/ej2-javascript/release-notes/31.1.20">31.1.20</a></li><li><a href="/ej2-javascript/release-notes/31.1.18">31.1.18</a></li></ul></li><li><a href="/ej2-javascript/release-notes/31.1.17">31.1.17 Main Release</a></li></ul></li>
2892+
<li>2025 Volume 3 - 31.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/31.1.22">31.1.22</a></li><li><a href="/ej2-javascript/release-notes/31.1.21">31.1.21</a></li><li><a href="/ej2-javascript/release-notes/31.1.20">31.1.20</a></li><li><a href="/ej2-javascript/release-notes/31.1.18">31.1.18</a></li></ul></li><li><a href="/ej2-javascript/release-notes/31.1.17">31.1.17 Main Release</a></li></ul></li>
28832893
<li>2025 Volume 2 - 30.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/30.2.7">30.2.7</a></li><li><a href="/ej2-javascript/release-notes/30.2.6">30.2.6</a></li><li><a href="/ej2-javascript/release-notes/30.2.5">30.2.5</a></li><li><a href="/ej2-javascript/release-notes/30.1.42">30.1.42</a></li><li><a href="/ej2-javascript/release-notes/30.1.41">30.1.41</a></li><li><a href="/ej2-javascript/release-notes/30.1.40">30.1.40</a></li><li><a href="/ej2-javascript/release-notes/30.1.39">30.1.39</a></li><li><a href="/ej2-javascript/release-notes/30.1.38">30.1.38</a></li></ul></li><li><a href="/ej2-javascript/release-notes/30.2.4">30.2.4 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/30.1.37">30.1.37 Main Release</a></li></ul></li><li>2025 Volume 1 - 29.*<ul><li> Weekly Release <ul><li><a href="/ej2-javascript/release-notes/29.2.11">29.2.11</a></li><li><a href="/ej2-javascript/release-notes/29.2.10">29.2.10</a></li><li><a href="/ej2-javascript/release-notes/29.2.8">29.2.8</a></li><li><a href="/ej2-javascript/release-notes/29.2.7">29.2.7</a></li><li><a href="/ej2-javascript/release-notes/29.2.5">29.2.5</a></li><li><a href="/ej2-javascript/release-notes/29.1.41">29.1.41</a></li><li><a href="/ej2-javascript/release-notes/29.1.40">29.1.40</a></li><li><a href="/ej2-javascript/release-notes/29.1.39">29.1.39</a></li><li><a href="/ej2-javascript/release-notes/29.1.38">29.1.38</a></li><li><a href="/ej2-javascript/release-notes/29.1.37">29.1.37</a></li><li><a href="/ej2-javascript/release-notes/29.1.35">29.1.35</a></li></ul></li><li><a href="/ej2-javascript/release-notes/29.2.4">29.2.4 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/29.1.33">29.1.33 Main Release</a></li></ul></li><li>2024 Volume 4 - 28.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/28.2.12">28.2.12</a></li><li><a href="/ej2-javascript/release-notes/28.2.11">28.2.11</a></li><li><a href="/ej2-javascript/release-notes/28.2.9">28.2.9</a></li><li><a href="/ej2-javascript/release-notes/28.2.7">28.2.7</a></li><li><a href="/ej2-javascript/release-notes/28.2.6">28.2.6</a></li><li><a href="/ej2-javascript/release-notes/28.2.5">28.2.5</a></li><li><a href="/ej2-javascript/release-notes/28.2.4">28.2.4</a></li><li><a href="/ej2-javascript/release-notes/28.1.41">28.1.41</a></li><li><a href="/ej2-javascript/release-notes/28.1.39">28.1.39</a></li><li><a href="/ej2-javascript/release-notes/28.1.38">28.1.38</a></li><li><a href="/ej2-javascript/release-notes/28.1.37">28.1.37</a></li><li><a href="/ej2-javascript/release-notes/28.1.36">28.1.36</a></li><li><a href="/ej2-javascript/release-notes/28.1.35">28.1.35</a></li></ul></li><li><a href="/ej2-javascript/release-notes/28.2.3">28.2.3 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/28.1.33">28.1.33 Main Release</a></li></ul></li><li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/27.2.5">27.2.5</a></li><li><a href="/ej2-javascript/release-notes/27.2.4">27.2.4</a></li><li><a href="/ej2-javascript/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-javascript/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-javascript/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-javascript/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-javascript/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-javascript/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-javascript/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-javascript/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-javascript/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-javascript/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-javascript/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-javascript/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-javascript/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-javascript/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-javascript/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-javascript/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-javascript/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-javascript/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-javascript/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-javascript/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-javascript/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-javascript/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-javascript/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-javascript/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-javascript/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-javascript/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-javascript/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-javascript/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-javascript/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-javascript/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-javascript/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-javascript/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-javascript/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-javascript/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
28842894
<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-javascript/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-javascript/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-javascript/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-javascript/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-javascript/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-javascript/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-javascript/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-javascript/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-javascript/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-javascript/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/ej2-javascript/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
28852895
<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-javascript/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-javascript/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-javascript/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-javascript/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-javascript/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-javascript/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-javascript/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-javascript/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-javascript/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-javascript/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-javascript/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/ej2-javascript/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>

‎ej2-javascript/Release-notes/31.1.22.md‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
---
2+
title: Essential Studio® for ##Platform_Name## Release Notes - v31.1.22
3+
description: Learn here about the controls in the Essential Studio® for ##Platform_Name## Weekly Release - Release Notes - v31.1.22
4+
platform: ej2-javascript
5+
documentation: ug
6+
---
7+
8+
# Essential Studio® for ##Platform_Name## - v31.1.22 Release Notes
9+
10+
{% include release-info.html date="October 01, 2025" version="v31.1.22" passed="61802" failed="0" %}
11+
12+
{% directory path: _includes/release-notes/v31.1.22 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}
17+
18+
## Test Results
19+
20+
| Component Name | Test Cases | Passed | Failed | Remarks |
21+
|---------------|------------|--------|--------|---------|
22+
| 3D Chart | 232 | 232 | 0 | All Passed |
23+
| 3D Circular Chart | 374 | 374 | 0 | All Passed |
24+
| Accordion | 205 | 205 | 0 | All Passed |
25+
| AI Assist View | 431 | 431 | 0 | All Passed |
26+
| App Bar | 67 | 67 | 0 | All Passed |
27+
| AutoComplete | 200 | 200 | 0 | All Passed |
28+
| Breadcrumb | 160 | 160 | 0 | All Passed |
29+
| Bullet Chart | 164 | 164 | 0 | All Passed |
30+
| Button | 144 | 144 | 0 | All Passed |
31+
| ButtonGroup | 120 | 120 | 0 | All Passed |
32+
| calendar | 177 | 177 | 0 | All Passed |
33+
| Carousel | 61 | 61 | 0 | All Passed |
34+
| Chart | 4605 | 4605 | 0 | All Passed |
35+
| Chat UI | 184 | 184 | 0 | All Passed |
36+
| CircularGauge | 429 | 429 | 0 | All Passed |
37+
| ColorPicker | 130 | 130 | 0 | All Passed |
38+
| Combo Box | 136 | 136 | 0 | All Passed |
39+
| Common | 904 | 904 | 0 | All Passed |
40+
| Context Menu | 105 | 105 | 0 | All Passed |
41+
| Data Grid | 2800 | 2800 | 0 | All Passed |
42+
| Date Picker | 426 | 426 | 0 | All Passed |
43+
| Date Range Picker | 519 | 519 | 0 | All Passed |
44+
| Date Time Picker | 324 | 324 | 0 | All Passed |
45+
| Diagram | 12813 | 12813 | 0 | All Passed |
46+
| Dialog | 58 | 58 | 0 | All Passed |
47+
| DropDown Button | 132 | 132 | 0 | All Passed |
48+
| Dropdown List | 191 | 191 | 0 | All Passed |
49+
| Dropdown Tree | 105 | 105 | 0 | All Passed |
50+
| File Manager | 2187 | 2187 | 0 | All Passed |
51+
| Floating Action Button | 132 | 132 | 0 | All Passed |
52+
| Gantt | 3515 | 3515 | 0 | All Passed |
53+
| HeatMap Chart | 635 | 635 | 0 | All Passed |
54+
| Image Editor | 1653 | 1653 | 0 | All Passed |
55+
| In-place Editor | 642 | 642 | 0 | All Passed |
56+
| Kanban | 268 | 268 | 0 | All Passed |
57+
| LinearGauge | 426 | 426 | 0 | All Passed |
58+
| Listbox | 115 | 115 | 0 | All Passed |
59+
| ListView | 84 | 84 | 0 | All Passed |
60+
| Maps | 1368 | 1368 | 0 | All Passed |
61+
| Mention | 35 | 35 | 0 | All Passed |
62+
| Menu | 187 | 187 | 0 | All Passed |
63+
| Multicolumn Combo Box | 254 | 254 | 0 | All Passed |
64+
| Multiselect Dropdown | 390 | 390 | 0 | All Passed |
65+
| OTP Input | 240 | 240 | 0 | All Passed |
66+
| Pivot Table | 5298 | 5298 | 0 | All Passed |
67+
| Progress Bar | 79 | 79 | 0 | All Passed |
68+
| Progress Button | 132 | 132 | 0 | All Passed |
69+
| Query Builder | 480 | 480 | 0 | All Passed |
70+
| RadioButton | 36 | 36 | 0 | All Passed |
71+
| RangeNavigator | 140 | 140 | 0 | All Passed |
72+
| Rating | 198 | 198 | 0 | All Passed |
73+
| Ribbon | 623 | 623 | 0 | All Passed |
74+
| Rich Text Editor | 4564 | 4564 | 0 | All Passed |
75+
| schedule | 4609 | 4609 | 0 | All Passed |
76+
| sidebar | 88 | 88 | 0 | All Passed |
77+
| Signature | 105 | 105 | 0 | All Passed |
78+
| Skeleton | 144 | 144 | 0 | All Passed |
79+
| Slider | 147 | 147 | 0 | All Passed |
80+
| SmithChart | 49 | 49 | 0 | All Passed |
81+
| Sparkline | 57 | 57 | 0 | All Passed |
82+
| Speech To Text | 200 | 200 | 0 | All Passed |
83+
| Speed Dial | 122 | 122 | 0 | All Passed |
84+
| Split Button | 144 | 144 | 0 | All Passed |
85+
| Stepper | 91 | 91 | 0 | All Passed |
86+
| Stock Chart | 677 | 677 | 0 | All Passed |
87+
| Tab | 69 | 69 | 0 | All Passed |
88+
| Text Area | 107 | 107 | 0 | All Passed |
89+
| TextBox | 54 | 54 | 0 | All Passed |
90+
| Time Picker | 180 | 180 | 0 | All Passed |
91+
| Timeline | 213 | 213 | 0 | All Passed |
92+
| Toast | 139 | 139 | 0 | All Passed |
93+
| Toolbar | 112 | 112 | 0 | All Passed |
94+
| ToolTip | 136 | 136 | 0 | All Passed |
95+
| TreeGrid | 3786 | 3786 | 0 | All Passed |
96+
| Treemap | 326 | 326 | 0 | All Passed |
97+
| Treeview | 370 | 370 | 0 | All Passed |

‎ej2-javascript/chat-ui/ai-integrations/gemini-integration.md‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
---
2+
layout: post
3+
title: Gemini AI in ##Platform_Name## Chat UI control | Syncfusion
4+
description: Checkout and learn about Integration of Gemini AI with ##Platform_Name## Chat UI control of Syncfusion Essential JS 2 and more.
5+
platform: ej2-javascript
6+
control: Chat UI
7+
publishingplatform: ##Platform_Name##
8+
documentation: ug
9+
domainurl: ##DomainURL##
10+
---
11+
12+
# Integration of Gemini AI With ##Platform_Name## Chat UI control
13+
14+
The Syncfusion Chat UI supports integration with [Gemini](https://ai.google.dev/gemini-api/docs), enabling advanced conversational AI features in your applications.
15+
16+
## Getting Started With the ##Platform_Name## Chat UI control
17+
18+
Before integrating Gemini AI, ensure that the Syncfusion Chat UI control is correctly rendered in your application:
19+
[ ##Platform_Name## Getting Started Guide](../getting-started)
20+
21+
## Prerequisites
22+
23+
* Requires `Node.js` (v16 or higher) and `npm`.
24+
* Google account to generate API key on accessing `Gemini AI`
25+
* Syncfusion Chat UI for ##Platform_Name## `@syncfusion/ej2-interactive-chat` installed in your project.
26+
27+
## Install Dependencies
28+
29+
Install the Syncfusion Chat UI in your project
30+
31+
```bash
32+
33+
npm install @syncfusion/ej2-interactive-chat --save
34+
35+
```
36+
37+
Install the Gemini AI dependencies
38+
39+
```bash
40+
41+
npm install @google/generative-ai
42+
43+
```
44+
45+
## Generate API Key
46+
47+
1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) and sign in with your Google account. If you don’t have one, create a new account.
48+
49+
2. Once logged in, click on `Get API Key` from the left-hand menu or the top-right corner of the dashboard.
50+
51+
3. Click the `Create API Key` button. You’ll be prompted to either select an existing Google Cloud project or create a new one. Choose the appropriate option and proceed.
52+
53+
4. After selecting or creating a project, your API key will be generated and displayed. Copy the key and store it securely, as it will only be shown once.
54+
55+
> `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production.
56+
57+
## Integration Gemini AI with Chat UI
58+
59+
You can add the below respective files in your application:
60+
61+
* Add your generated `API Key` at the line
62+
63+
```bash
64+
65+
const geminiApiKey = 'Place your API key here';
66+
67+
```
68+
69+
{% if page.publishingplatform == "typescript" %}
70+
71+
{% tabs %}
72+
{% highlight ts tabtitle="index.ts" %}
73+
{% include code-snippet/chat-ui/ai-integrations/gemini/index.ts %}
74+
{% endhighlight %}
75+
{% highlight html tabtitle="index.html" %}
76+
{% include code-snippet/chat-ui/ai-integrations/gemini/index.html %}
77+
{% endhighlight %}
78+
{% endtabs %}
79+
80+
{% previewsample "page.domainurl/code-snippet/chat-ui/ai-integrations/gemini" %}
81+
82+
{% elsif page.publishingplatform == "javascript" %}
83+
84+
{% tabs %}
85+
{% highlight js tabtitle="index.js" %}
86+
{% include code-snippet/chat-ui/ai-integrations/gemini/index.js %}
87+
{% endhighlight %}
88+
{% highlight html tabtitle="index.html" %}
89+
{% include code-snippet/chat-ui/ai-integrations/gemini/index.html %}
90+
{% endhighlight %}
91+
{% endtabs %}
92+
93+
{% previewsample "page.domainurl/code-snippet/chat-ui/ai-integrations/gemini" %}
94+
{% endif %}
95+
96+
## Run and Test
97+
98+
Run the application in the browser using the following command.
99+
100+
```bash
101+
102+
npm start
103+
104+
```
105+
106+
Open `http://localhost:4000` to interact with your Gemini AI for dynamic response.

0 commit comments

Comments
 (0)