Skip to content

Commit c6712e0

Browse files
Merge pull request #3296 from syncfusion-content/1027606-Documentation
1027606: Update the overview page.
2 parents 0da79cd + 2951040 commit c6712e0

5 files changed

Lines changed: 43 additions & 33 deletions

File tree

Document-Processing/Excel/Spreadsheet/Blazor/blazor-hybrid-maui-app.md

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ After the packages are installed, open the **~/_Imports.razor** file and import
5252

5353
## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service
5454

55-
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/MauiProgram.cs** file.
55+
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/MauiProgram.cs** file. After the builder is created.
5656

5757
{% tabs %}
5858
{% highlight c# tabtitle="MauiProgram.cs" %}
@@ -66,9 +66,8 @@ public static class MauiProgram
6666
{
6767
public static MauiApp CreateMauiApp()
6868
{
69-
....
69+
// Register Syncfusion Blazor service
7070
builder.Services.AddSyncfusionBlazor();
71-
....
7271
}
7372
}
7473

@@ -83,12 +82,12 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A
8382
{% highlight html tabtitle="index.html" %}
8483

8584
<head>
86-
....
85+
<!-- Syncfusion Blazor components theme -->
8786
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
8887
</head>
8988

9089
<body>
91-
....
90+
<!-- Syncfusion Blazor Spreadsheet Editor script -->
9291
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
9392
</body>
9493
{% endhighlight %}
@@ -103,7 +102,6 @@ Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Spreadsheet comp
103102
{% tabs %}
104103
{% highlight razor tabtitle="Home.razor" %}
105104

106-
@page "/"
107105
@using Syncfusion.Blazor.Spreadsheet
108106

109107
<SfSpreadsheet>

Document-Processing/Excel/Spreadsheet/Blazor/getting-started-webapp.md

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -185,15 +185,15 @@ After the packages are installed, open the **~/_Imports.razor** file in the clie
185185

186186
## Register Syncfusion® Blazor Service
187187

188-
Register the Syncfusion Blazor service in the **Program.cs** file of your Blazor Web App.
188+
Register the Syncfusion Blazor service in the **Program.cs** file of your Blazor Web App. After the builder is created.
189189

190190
{% tabs %}
191191
{% highlight c# tabtitle="Program.cs" %}
192192

193193
....
194194
using Syncfusion.Blazor;
195195
....
196-
196+
// Register Syncfusion Blazor service
197197
builder.Services.AddSyncfusionBlazor();
198198

199199
....
@@ -211,11 +211,11 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A
211211
{% highlight razor tabtitle="App.razor" %}
212212

213213
<head>
214-
....
214+
<!-- Syncfusion Blazor components theme -->
215215
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
216216
</head>
217217
<body>
218-
....
218+
<!-- Syncfusion Blazor Spreadsheet Editor script -->
219219
<script src="_content/Syncfusion.Blazor.Spreadsheet/scripts/syncfusion-blazor-spreadsheet.min.js" type="text/javascript"></script>
220220
</body>
221221

@@ -242,7 +242,6 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem
242242
{% tabs %}
243243
{% highlight razor tabtitle="Home.razor" %}
244244

245-
@page "/"
246245
@using Syncfusion.Blazor.Spreadsheet
247246

248247
<SfSpreadsheet>

Document-Processing/Excel/Spreadsheet/Blazor/getting-started.md

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -176,15 +176,15 @@ After the packages are installed, open the **~/_Imports.razor** file and import
176176

177177
## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service
178178

179-
Register the Syncfusion Blazor service in the **~/Program.cs** file of your Blazor WebAssembly App.
179+
Register the Syncfusion Blazor service in the **~/Program.cs** file of your Blazor WebAssembly App. After the builder is created.
180180

181181
{% tabs %}
182182
{% highlight C# tabtitle="Program.cs" %}
183183

184184
....
185185
using Syncfusion.Blazor;
186186
....
187-
187+
// Register Syncfusion Blazor service
188188
builder.Services.AddSyncfusionBlazor();
189189

190190
....
@@ -194,16 +194,19 @@ builder.Services.AddSyncfusionBlazor();
194194

195195
## Add stylesheet and script resources
196196

197-
The theme stylesheet and script can be accessed from NuGet through [Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets). Include the stylesheet and script references in the `<head>` section of the **~/index.html** file.
197+
The theme stylesheet and script can be accessed from NuGet through [Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets). Include the stylesheet reference in the <head> section and the script reference at the end of the <body> in the **~/index.html** file as shown below.
198198

199199
{% tabs %}
200200
{% highlight html tabtitle="index.html" %}
201201

202202
<head>
203-
....
203+
<!-- Syncfusion Blazor components theme -->
204204
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
205-
<script src="_content/Syncfusion.Blazor.Spreadsheet/scripts/syncfusion-blazor-spreadsheet.min.js" type="text/javascript"></script>
206205
</head>
206+
<body>
207+
<!-- Syncfusion Blazor Spreadsheet Editor script -->
208+
<script src="_content/Syncfusion.Blazor.Spreadsheet/scripts/syncfusion-blazor-spreadsheet.min.js" type="text/javascript"></script>
209+
</body>
207210

208211
{% endhighlight %}
209212
{% endtabs %}
@@ -217,7 +220,6 @@ Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Spreadsheet comp
217220
{% tabs %}
218221
{% highlight razor tabtitle="Home.razor" %}
219222

220-
@page "/"
221223
@using Syncfusion.Blazor.Spreadsheet
222224

223225
<SfSpreadsheet>
73 KB
Loading

Document-Processing/Excel/Spreadsheet/Blazor/overview.md

Lines changed: 27 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -9,22 +9,33 @@ documentation: ug
99

1010
# Overview of the Blazor Spreadsheet Control
1111

12-
The Syncfusion Blazor Spreadsheet is a user-interactive component designed to organize and analyze data in a tabular format with configuration options for customization. It will load data by importing an Excel file or from local file paths and Base64 string data. The populated data can be exported as Excel files in `.xlsx` format.
12+
The [Syncfusion® Blazor Spreadsheet](https://www.syncfusion.com/spreadsheet-editor-sdk/blazor-spreadsheet-editor) is a user-interactive component designed to organize and analyze data in a tabular format with configuration options for customization. It will load data by importing an Excel file or from local file paths and Base64 string data. The populated data can be exported as Excel files in XLSX format.
13+
14+
![Blazor Spreadsheet](images/blazor-overview.png)
1315

1416
## Key features
1517

16-
* [**Editing**](editing): Provides the option to dynamically edit a cell with support for direct cell editing and formula bar editing capabilities.
17-
* [**Selection**](selection): Provides comprehensive selection options including individual cells, rows, columns, and ranges with support for both mouse and keyboard interactions.
18-
* [**Open and Save**](open-and-save): Provides the option to open Excel files (.xlsx and .xls formats) in Spreadsheet and save data as Excel files (.xlsx format) with support for Base64 string loading and local file operations.
19-
* [**Clipboard**](clipboard): Provides comprehensive clipboard operations including cut, copy, and paste functionality with support for external clipboard data from applications like Excel and Google Sheets.
20-
* [**Formulas**](formulas): Provides built-in calculation library with pre-defined formulas, named range support, and automatic/manual calculation modes.
21-
* [**Cell formatting**](cell-range#cell-formatting): Provides extensive cell formatting options including font properties, colors, borders, alignment, and text styling to enhance data presentation.
22-
* [**Sorting**](sorting): Helps arrange data in ascending or descending order with support for single-column sorting helps users quickly organize and find information.
23-
* [**Filtering**](filtering): Helps view specific rows by hiding others with support for text, numbers, and date filters along with custom filter conditions.
24-
* [**Hyperlink**](hyperlink): Provides the option to create navigational links to web URLs or cell references within the same sheet or across different sheets.
25-
* [**Undo Redo**](undo-redo): Provides the option to perform undo and redo actions with a history that tracks up to 25 operations, allowing for quick corrections and revisions.
26-
* [**Worksheet**](worksheet): Comprehensive worksheet management including inserting, deleting, renaming, hiding/unhiding, moving, and duplicating sheets.
27-
* [**Protection**](protection): Provides sheet and workbook protection capabilities with password support, selective unlocking of ranges, and configurable permission settings.
28-
* [**Context Menu**](contextmenu): Provides context-sensitive menus for cells, rows, and columns with operations like cut, copy, paste, insert, delete, sort, filter, and hyperlink management.
29-
* [**Cell Range Management**](cell-range): Advanced cell range operations including auto-fill, wrap text, and clear operations for content, formats, and hyperlinks.
30-
* [**Accessibility**](accessibility): Provides built-in accessibility support with keyboard navigation, ARIA attributes, and screen reader compatibility for enhanced usability.
18+
* [Editing](editing): Familiar Excel-like experience for faster productivity with seamless in-cell and formula bar input
19+
* [Selection](selection): Flexible selection of cells, rows, columns, and ranges using mouse and keyboard
20+
* [Open and save](open-and-save): Seamless support for Excel files (.xlsx, .xls) with local and Base64 operations
21+
* [Clipboard](clipboard): Powerful cut, copy, and paste with cross-platform compatibility (Excel, Google Sheets)
22+
* [Formulas](formulas): Advanced calculation engine with built-in functions and named ranges
23+
* [Cell formatting](cell-range#cell-formatting): Rich cell formatting options including fonts, colors, borders, alignment, and styling
24+
* [Sorting](sorting): Efficient data sorting in ascending and descending order for quick organization
25+
* [Filtering](filtering): Advanced filtering with support for text, numbers, dates, and custom condition
26+
* [Hyperlink](hyperlink): Easy navigation across web URLs and worksheets
27+
* [Undo Redo](undo-redo): Fast error correction with history tracking up to 25 actions
28+
* [Worksheet management](worksheet): Complete worksheet management including insert, delete, rename, move, duplicate, and hide/unhide
29+
* [Protection](protection): Robust workbook and sheet protection with password, permissions, and selective locking
30+
* [Context Menu](contextmenu): Speed up workflows with instant access to key actions via smart menus
31+
* [Cell range](cell-range): Boost efficiency with auto-fill, wrap text, and quick content clearing
32+
* [Accessibility](accessibility): Built-in accessibility support including keyboard navigation, ARIA attributes, and screen reader
33+
34+
## Related Links
35+
36+
* [Getting Started](getting-started-webapp)
37+
* [API Reference](https://help.syncfusion.com/cr/blazor/syncfusion.blazor.spreadsheet.sfspreadsheet.html)
38+
* [Online Demos](https://document.syncfusion.com/demos/spreadsheet-editor/blazor-server/spreadsheet/overview)
39+
* [GitHub Samples](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/Spreadsheet)
40+
* [Release Notes](https://help.syncfusion.com/document-processing/release-notes)
41+

0 commit comments

Comments
 (0)