Skip to content

Commit 5c81f39

Browse files
DeepakRajSundarDeepakRajSundar
committed
Merge remote-tracking branch 'remotes/origin/development'
2 parents 3d487f6 + ffe9cf1 commit 5c81f39

File tree

256 files changed

+19221
-1287
lines changed

Some content is hidden

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

256 files changed

+19221
-1287
lines changed

‎blazor-toc.html‎

Lines changed: 47 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -188,6 +188,9 @@
188188
<li>
189189
<a href="/blazor/appearance/icons">Icons</a>
190190
</li>
191+
<li>
192+
<a href="/blazor/appearance/figma">Figma UI Kits</a>
193+
</li>
191194
</ul>
192195
</li>
193196
<li>Common
@@ -597,6 +600,26 @@
597600
</li>
598601
</ul>
599602
</li>
603+
<li>AI AssistView
604+
<ul>
605+
<li>Getting Started
606+
<ul>
607+
<li> <a href="/blazor/ai-assistview/getting-started-webapp">Blazor Web App</a></li>
608+
<li> <a href="/blazor/ai-assistview/getting-started">Blazor Server and WASM App</a></li>
609+
</ul>
610+
</li>
611+
<li><a href="/blazor/ai-assistview/assist-view">Assist view</a></li>
612+
<li><a href="/blazor/ai-assistview/toolbar-items">Toolbar items</a></li>
613+
<li><a href="/blazor/ai-assistview/custom-view">Custom views</a></li>
614+
<li><a href="/blazor/ai-assistview/templates">Templates</a></li>
615+
<li><a href="/blazor/ai-assistview/appearance">Appearance</a></li>
616+
<li><a href="/blazor/ai-assistview/methods">Methods</a></li>
617+
<li><a href="/blazor/ai-assistview/events">Events</a></li>
618+
<li>
619+
<a href="/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html"> API Reference</a>
620+
</li>
621+
</ul>
622+
</li>
600623
<li>AppBar
601624
<ul>
602625
<li>Getting Started
@@ -2781,6 +2804,7 @@
27812804
<li> <a href="/blazor/file-manager/multiple-file-selection">Multiple File Selection</a></li>
27822805
<li> <a href="/blazor/file-manager/drag-and-drop">Drag and Drop</a></li>
27832806
<li> <a href="/blazor/file-manager/virtualization">Virtualization</a></li>
2807+
<li> <a href="/blazor/file-manager/pagination">Pagination</a></li>
27842808
<li> <a href="/blazor/file-manager/accessibility">Accessibility</a></li>
27852809
<li>How To
27862810
<ul>
@@ -2856,6 +2880,9 @@
28562880
</li>
28572881
<li>Gantt Chart
28582882
<ul>
2883+
<li>
2884+
<a href="/blazor/gantt-chart/overview">Overview</a>
2885+
</li>
28592886
<li>Getting Started
28602887
<ul>
28612888
<li>
@@ -2871,7 +2898,9 @@
28712898
<li> <a href="/blazor/gantt-chart/custom-binding">Custom Binding</a></li>
28722899
</ul>
28732900
</li>
2874-
2901+
<li>
2902+
<a href="/blazor/gantt-chart/performance">Performance Best Practices</a>
2903+
</li>
28752904
<li> <a href="/blazor/gantt-chart/columns">Columns</a>
28762905
<ul>
28772906
<li><a href="/blazor/gantt-chart/column-reordering">Column Rordering</a></li>
@@ -2948,6 +2977,11 @@
29482977
</li>
29492978
<li> <a href="/blazor/gantt-chart/templates">Templates</a></li>
29502979
<li> <a href="/blazor/gantt-chart/excel-export">Excel Export</a></li>
2980+
<li> <a href="/blazor/gantt-chart/pdf-export">PDF Export</a>
2981+
<ul>
2982+
<li> <a href="/blazor/gantt-chart/template-pdf-export">PDF Exporting with Templates</a> </li>
2983+
</ul>
2984+
</li>
29512985
<li> <a href="/blazor/gantt-chart/context-menu">Context Menu</a></li>
29522986
<li> <a href="/blazor/gantt-chart/clipboard">Clipboard</a> </li>
29532987
<li> <a href="/blazor/gantt-chart/webassembly-performance">WebAssembly Performance</a></li>
@@ -3057,6 +3091,7 @@
30573091
<li> <a href="/blazor/image-editor/frame">Frame</a></li>
30583092
<li> <a href="/blazor/image-editor/resize">Resize</a></li>
30593093
<li> <a href="/blazor/image-editor/z-order">Z-Order</a></li>
3094+
<li> <a href="/blazor/image-editor/redact">Redact</a></li>
30603095
<li> <a href="/blazor/image-editor/localization">Localization</a></li>
30613096
<li> <a href="/blazor/image-editor/accessibility">Accessibility</a></li>
30623097
<li>
@@ -3301,6 +3336,7 @@
33013336
<li><a href="/blazor/mention/working-with-data">Working with Data</a></li>
33023337
<li><a href="/blazor/mention/filtering-data">Filtering Data</a></li>
33033338
<li><a href="/blazor/mention/sorting">Sorting</a></li>
3339+
<li> <a href="/blazor/mention/disabled-items">Disabled Items</a></li>
33043340
<li><a href="/blazor/mention/templates">Templates</a></li>
33053341
<li><a href="/blazor/mention/localization">Localization</a></li>
33063342
<li><a href="/blazor/mention/customization">Customization</a></li>
@@ -3357,6 +3393,16 @@
33573393
</li>
33583394
</ul>
33593395
</li>
3396+
<li>Multicolumn ComboBox
3397+
<ul>
3398+
<li>Getting Started
3399+
<ul>
3400+
<li> <a href="/blazor/multicolumn-combobox/getting-started-with-web-app">Blazor Web App</a></li>
3401+
<li> <a href="/blazor/multicolumn-combobox/getting-started">Blazor Server and WASM App</a></li>
3402+
</ul>
3403+
</li>
3404+
</ul>
3405+
</li>
33603406
<li>MultiSelect Dropdown
33613407
<ul>
33623408
<li>Getting Started

‎blazor/accumulation-chart/chart-types/funnel.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -268,7 +268,7 @@ Labels will be arranged automatically on the left side of the funnel and pyramid
268268
![Blazor Funnel Chart with Smart Data Label](../images/funnel/blazor-funnel-chart-smart-data-label.png)
269269
{% previewsample "https://blazorplayground.syncfusion.com/embed/hjVKWrCqppsLzynA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
270270

271-
N> Refer to the [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts) feature tour page for its groundbreaking feature representations and also explore the [Blazor Accumulation Chart Example](https://blazor.syncfusion.com/demos/chart/funnel?theme=bootstrap4) to know various features of accumulation charts and how it is used to represent numeric proportional data.
271+
N> Refer to the [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts) feature tour page for its groundbreaking feature representations and also explore the [Blazor Accumulation Chart Example](https://blazor.syncfusion.com/demos/chart/funnel?theme=bootstrap5) to know various features of accumulation charts and how it is used to represent numeric proportional data.
272272

273273
## See also
274274

‎blazor/accumulation-chart/chart-types/pyramid.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -213,7 +213,7 @@ By setting the [Explode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor
213213
![Explode in Blazor Pyramid Chart](../images/pyramid/blazor-pyramid-chart-explode.png)
214214
{% previewsample "https://blazorplayground.syncfusion.com/embed/BthAMBMATgJWwkNT?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
215215

216-
N> Refer to our [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts) feature tour page for its groundbreaking feature representations and also explore our [Blazor Accumulation Chart Example](https://blazor.syncfusion.com/demos/chart/pyramid?theme=bootstrap4) to know various features of accumulation charts and how it is used to represent numeric proportional data.
216+
N> Refer to our [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts) feature tour page for its groundbreaking feature representations and also explore our [Blazor Accumulation Chart Example](https://blazor.syncfusion.com/demos/chart/pyramid?theme=bootstrap5) to know various features of accumulation charts and how it is used to represent numeric proportional data.
217217

218218
## See also
219219

‎blazor/ai-assistview/appearance.md‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
---
2+
layout: post
3+
title: Appearance in Blazor AI AssistView Component | Syncfusion
4+
description: Checkout and learn here all about Appearance with Syncfusion Blazor AI AssistView component in Blazor Server App and Blazor WebAssembly App.
5+
platform: Blazor
6+
control: AI AssistView
7+
documentation: ug
8+
---
9+
10+
# Appearance in Blazor AI AssistView component
11+
12+
## Setting width
13+
14+
You can use the `Width` property to set the width of the AI AssistView.
15+
16+
```cshtml
17+
18+
@using Syncfusion.Blazor.InteractiveChat
19+
20+
<div class="aiassist-container" style="height: 350px; width: 750px;">
21+
<SfAIAssistView Width="650px" PromptRequested="@PromptRequest"></SfAIAssistView>
22+
</div>
23+
24+
@code {
25+
private async Task PromptRequest(AssistViewPromptRequestedEventArgs args)
26+
{
27+
await Task.Delay(1000);
28+
var defaultResponse = "For real-time prompt processing, connect the AI AssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.";
29+
args.Response = defaultResponse;
30+
}
31+
}
32+
33+
```
34+
35+
![Blazor AI AssistView Width](./images/ai-assistview-width.png)
36+
37+
## Setting height
38+
39+
You can use the `Height` property to set the height of the AI AssistView.
40+
41+
> By default, the component `Width` & `Height` will be inherited based on the parent dimensions.
42+
43+
```cshtml
44+
45+
@using Syncfusion.Blazor.InteractiveChat
46+
47+
<div class="aiassist-container" style="height: 450px; width: 650px;">
48+
<SfAIAssistView Height="350px" PromptRequested="@PromptRequest"></SfAIAssistView>
49+
</div>
50+
51+
@code {
52+
private async Task PromptRequest(AssistViewPromptRequestedEventArgs args)
53+
{
54+
await Task.Delay(1000);
55+
var defaultResponse = "For real-time prompt processing, connect the AI AssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.";
56+
args.Response = defaultResponse;
57+
}
58+
}
59+
60+
```
61+
62+
![Blazor AI AssistView Height](./images/ai-assistview-height.png)
63+
64+
## CssClass
65+
66+
You can customize the appearance of the AI AssistView component by using the `CssClass` property.
67+
68+
```cshtml
69+
70+
@using Syncfusion.Blazor.InteractiveChat
71+
72+
<div class="aiassist-container" style="height: 350px; width: 650px;">
73+
<SfAIAssistView CssClass="e-custom" PromptRequested="@PromptRequest"></SfAIAssistView>
74+
</div>
75+
76+
@code {
77+
private async Task PromptRequest(AssistViewPromptRequestedEventArgs args)
78+
{
79+
await Task.Delay(1000);
80+
var defaultResponse = "For real-time prompt processing, connect the AI AssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.";
81+
args.Response = defaultResponse;
82+
}
83+
}
84+
<style>
85+
.e-aiassistview.e-custom {
86+
border-color: #e0e0e0;
87+
background-color: #f4f4f4;
88+
box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
89+
}
90+
91+
.e-aiassistview.e-custom .e-view-header .e-toolbar,
92+
.e-aiassistview.e-custom .e-view-header .e-toolbar-items {
93+
background: #d5d5d5;
94+
}
95+
96+
.e-aiassistview.e-custom .e-view-content .e-input-group {
97+
border: 3px solid #e0e0e0;
98+
}
99+
</style>
100+
101+
```
102+
103+
![Blazor AI AssistView Custom Class](./images/ai-assistview-custom-class.png)

0 commit comments

Comments
 (0)