Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
33 commits
Select commit Hold shift + click to select a range
72b2277
984868: Update screen reader support in UG documentation
ManoSF4839 Oct 3, 2025
f8a2e4c
Merge branch 'hotfix/hotfix-v31.1.17' into 984868-documentHot
ManoSF4839 Oct 3, 2025
c422eb0
986172: updated concerns in md file
TamilRamGanesan-SF5080 Oct 13, 2025
93d544e
Update openai-integration.md
TamilRamGanesan-SF5080 Oct 13, 2025
ba06450
986172: updated the latest changes
TamilRamGanesan-SF5080 Oct 13, 2025
a580019
986172: updated UG concerns
TamilRamGanesan-SF5080 Oct 13, 2025
49f174e
986172: remove space between openAI
TamilRamGanesan-SF5080 Oct 14, 2025
243c847
Cleared the automation conflicts
Backiaraj Oct 14, 2025
26c9616
Cleared CI error
Backiaraj Oct 14, 2025
ed97767
Merge pull request #6920 from syncfusion-content/984110-merge
kmuthukumarmkm Oct 14, 2025
ca5b0cb
986172: Fixed spell error.
TamilRamGanesan-SF5080 Oct 14, 2025
dbf8eb2
Cleared automation conflict issues
Backiaraj Oct 14, 2025
b7552ab
Merge pull request #6790 from syncfusion-content/984868-documentHot
MohanaselvamJothi Oct 14, 2025
b154bed
Updated the content
Backiaraj Oct 14, 2025
49e3398
Merge branch 'hotfix/hotfix-v31.1.17' into 984110-merge
kmuthukumarmkm Oct 14, 2025
45afc45
Merge pull request #6926 from syncfusion-content/984110-merge
kmuthukumarmkm Oct 14, 2025
e53af47
Merge pull request #6900 from syncfusion-content/986172-Concerns-UG-H…
thangavele Oct 14, 2025
f0f90f8
Removed duplicate image reference
Backiaraj Oct 15, 2025
ab7fad2
Added keytip images for Blazor Ribbon
Backiaraj Oct 15, 2025
c469754
Merge pull request #6936 from syncfusion-content/984110-merge
kmuthukumarmkm Oct 15, 2025
ec60686
Cleared automation conflicts
Backiaraj Oct 15, 2025
f07e711
Merge pull request #6940 from syncfusion-content/984110-merge
kmuthukumarmkm Oct 15, 2025
ae1daff
Cleared automation conflicts
Backiaraj Oct 15, 2025
c02e9a8
Reverted toc file changes
Backiaraj Oct 15, 2025
832f78b
Merge pull request #6941 from syncfusion-content/984110-merge
kmuthukumarmkm Oct 15, 2025
fa2ab71
00000: Update blazor-toc.html
kmuthukumarmkm Oct 15, 2025
8c8582f
Merge pull request #6942 from syncfusion-content/980040-Blazor
kmuthukumarmkm Oct 15, 2025
b4547a2
986985: updated the speech to text samples
KaviBharathi-SF5060 Oct 15, 2025
c1af8c6
986912: need to port the bot integration in chat UI
TamilRamGanesan-SF5080 Oct 15, 2025
f54ca36
986912: resolved CI failure
TamilRamGanesan-SF5080 Oct 15, 2025
7bed6f1
Merge pull request #6948 from syncfusion-content/986985-stt-samples
thangavele Oct 16, 2025
46bb1ee
Merge pull request #6951 from syncfusion-content/986912-Bot-integrati…
thangavele Oct 16, 2025
165fac4
SEO-208728--Blazor-Redirect-Chain
hillary-ochieng Oct 23, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
62 changes: 40 additions & 22 deletions blazor-toc.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion blazor/3D-chart/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: post
title: Getting Stared with Blazor 3D Chart Component | Syncfusion
title: Getting Stared with Blazor 3D Chart | Syncfusion
description: Checkout and learn about getting started with Blazor 3D Chart component in Blazor Server App using Visual Studio and more.
platform: Blazor
control: 3D Chart
Expand Down
2 changes: 1 addition & 1 deletion blazor/accessibility.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ Keyboard navigation support enables users to interact with controls using keyboa
* [Grid](./grid/accessibility)
* [LinearGauge](./linear-gauge/accessibility)
* [ListView](./listview/accessibility)
* [NumericTextBox](./numerictextbox/accessibility)
* [NumericTextBox](https://blazor.syncfusion.com/documentation/introduction)
* [TimePicker](./timepicker/accessibility)
* [Toolbar](./toolbar/accessibility)
* [ToolTip](./tooltip/accessibility)
49 changes: 29 additions & 20 deletions blazor/ai-assistview/ai-integrations/gemini-integration.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,55 +7,61 @@ control: AI AssistView
documentation: ug
---

# Gemini AI With Blazor AI AssistView component
# Integrate Gemini AI With Blazor AI AssistView component

The Syncfusion AI AssistView supports integration with [Gemini](https://ai.google.dev/gemini-api/docs/quickstart), enabling advanced conversational AI features in applications.
The AI AssistView component integrates with Google’s [Gemini](https://ai.google.dev/gemini-api/docs/quickstart) API to deliver intelligent conversational interfaces. It leverages advanced natural language understanding to interpret user input, maintain context throughout interactions, and provide accurate, relevant responses. By configuring secure authentication and data handling, developers can unlock powerful AI-driven communication features that elevate user engagement and streamline support experiences.

## Prerequisites

* Google account to generate an API key for accessing [Gemini AI](https://ai.google.dev/gemini-api/docs/quickstart)
* Syncfusion AI AssistView for Blazor package [Syncfusion.Blazor.InteractiveChat](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed in the project.
* [Markdig](https://www.nuget.org/packages/Markdig) package available in the project for Markdown-to-HTML conversion (required by the sample code).
Before starting, ensure you have the following:

## Getting Started with the AI AssistView Component
* **Google Account**: For generating a Gemini API key.

Before integrating Gemini AI, ensure that the Syncfusion AI AssistView renders correctly in the application and that prerequisites are met:
* **Syncfusion AI AssistView**: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed.

[Blazor Getting Started Guide](../getting-started)
* [Markdig](https://www.nuget.org/packages/Markdig) package: For parsing Markdown responses.

## Set Up the AI AssistView Component

Follow the Syncfusion AI AssistView [Getting Started](../getting-started) guide to configure and render the AI AssistView component in the application and that prerequisites are met.

## Install Dependencies

Install the Syncfusion Blazor package in the application.
Install the required packages:

* Install the `Gemini AI` nuget package in the application.

```bash

Nuget\Install-Package Syncfusion.Blazor.InteractiveChat
Nuget\Install-Package Mscc.GenerativeAI

```

Install the Gemini AI package in the application.
* Install the `Markdig` nuget packages in the application.

```bash

Nuget\Install-Package Mscc.GenerativeAI
Nuget\Install-Package Markdig

```

## Generate API Key

1. Go to [Google AI Studio](https://aistudio.google.com/app/api-keys) and sign in with a google account. Create a new account if needed.
1. **Access Google AI Studio**: Instructs users to sign into [Google AI Studio](https://aistudio.google.com/app/apikey) with a Google account or create a new account if needed.

2. Select `Get API key` from the left menu or the top-right of the dashboard.
2. **Navigate to API Key Creation**: Go to the `Get API Key` option in the left-hand menu or top-right corner of the dashboard. Click the `Create API Key` button.

3. Choose `Create API key`. Select an existing google cloud project or create a new one, then proceed.
3. **Project Selection**: Choose an existing Google Cloud project or create a new one.

4. After creating or selecting a project, an API key is generated and displayed. Copy the key and store it securely, as it may be shown only once.
4. **API Key Generation**: After project selection, the API key is generated. Users are instructed to copy and store the key securely, as it is shown only once.

> Security note: Do not commit API keys to version control. Use environment variables, a secret manager, or a server-side proxy in production.
> Security note: Advises against committing the API key to version control and recommends using environment variables or a secret manager in production.

## Gemini AI with AI AssistView

* Add the generated API key in the following line.
Modify the Razor file to integrate the Gemini AI with the AI AssistView component.

* update your Gemini API key securely in the configuration:

```bash

Expand All @@ -72,6 +78,7 @@ const string GeminiApiKey = 'Place your API key here';
@using Markdig

<div class="aiassist-container" style="height: 350px; width: 650px;">
// Initializes the AI Assist component
<SfAIAssistView @ref="sfAIAssistView" ID="aiAssistView" PromptSuggestions="@promptSuggestions" PromptRequested="@OnPromptRequest">
<AssistViews>
<AssistView>
Expand All @@ -98,13 +105,15 @@ const string GeminiApiKey = 'Place your API key here';
"What are the best tools for organizing my tasks?",
"How can I maintain work-life balance effectively?"
};
// Initialize Gemini API
private readonly string geminiApiKey = "";
// Handle user prompt: call Gemini model
private async Task OnPromptRequest(AssistViewPromptRequestedEventArgs args)
{
try
{
var gemini = new GoogleAI(apiKey: geminiApiKey);
var model = gemini.GenerativeModel(model: "gemini-1.5-flash");
var gemini = new GoogleAI(apiKey: geminiApiKey); // Replace with your Gemini API key
var model = gemini.GenerativeModel(model: "gemini-2.5-flash"); // Select the Gemini model (update model name as needed)
var response = await model.GenerateContent(args.Prompt);
var responseText = response.Text;
var pipeline = new MarkdownPipelineBuilder()
Expand Down
Loading