Skip to content

Commit 1da693a

Browse files
Revert "983001: Documentation Changes in editing,filtering,formula."
This reverts commit b909c15.
1 parent 062ea1a commit 1da693a

File tree

2 files changed

+22
-27
lines changed

2 files changed

+22
-27
lines changed

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

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99

1010
# Getting Started with Blazor Spreadsheet in Web App
1111

12-
This section briefly explains about how to include [Syncfusion Blazor Spreadsheet](https://www.syncfusion.com/blazor-components/blazor-spreadsheet) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) and [Visual Studio Code](https://code.visualstudio.com/).
12+
This section briefly explains about how to include [Syncfusion Blazor Spreadsheet](https://www.syncfusion.com/blazor-components/blazor-spreadsheet) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) and Visual Studio Code.
1313

1414
{% tabcontents %}
1515

@@ -25,11 +25,11 @@ You can create a **Blazor Web App** using Visual Studio 2022 via [Microsoft Temp
2525

2626
You need to configure the corresponding [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=windows) while creating a Blazor Web Application.
2727

28-
## Install Syncfusion® Blazor Spreadsheet and Themes NuGet packages in the App
28+
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Spreadsheet and Themes NuGet in the App
2929

3030
To add **Syncfusion Blazor Spreadsheet** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Spreadsheet](https://www.nuget.org/packages/Syncfusion.Blazor.Spreadsheet) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/).
3131

32-
If you utilize `WebAssembly or Auto` render modes in the Blazor Web App need to be install Syncfusion® Blazor components NuGet packages within the client project.
32+
If you utilize `WebAssembly or Auto` render modes in the Blazor Web App need to be install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components NuGet packages within the client project.
3333

3434
Alternatively, you can utilize the following package manager command to achieve the same.
3535

@@ -42,7 +42,7 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }}
4242
{% endhighlight %}
4343
{% endtabs %}
4444

45-
N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
45+
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
4646

4747
{% endtabcontent %}
4848

@@ -54,9 +54,9 @@ N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget
5454

5555
## Create a new Blazor Web App in Visual Studio Code
5656

57-
You can create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project).
57+
You can create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project).
5858

59-
You need to configure the corresponding [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=vsc) while creating the Blazor Web Application.
59+
You need to configure the corresponding [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=vsc) while creating a Blazor Web Application.
6060

6161
For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands.
6262

@@ -72,7 +72,7 @@ cd BlazorWebApp.Client
7272

7373
N> For more information on creating a **Blazor Web App** with various interactive modes and locations, refer to this [link](./getting-started/blazor-web-app?tabcontent=visual-studio-code#render-interactive-modes).
7474

75-
## Install Syncfusion® Blazor Spreadsheet and Themes NuGet packages in the App
75+
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Spreadsheet and Themes NuGet in the App
7676

7777
If you utilize `WebAssembly` or `Auto` render modes in the Blazor Web App need to be install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components NuGet packages within the client project.
7878

@@ -92,13 +92,13 @@ dotnet restore
9292

9393
{% endtabs %}
9494

95-
N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the[NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
95+
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
9696

9797
{% endtabcontent %}
9898

9999
{% endtabcontents %}
100100

101-
## Register Syncfusion® Blazor Service
101+
## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service
102102

103103
| Interactive Render Mode | Description |
104104
| -- | -- |
@@ -118,7 +118,7 @@ Import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Spreadsheet` namespace.
118118

119119
Now, register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
120120

121-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion® Blazor service in both **~/Program.cs** files of your Blazor Web App.
121+
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
122122

123123
{% tabs %}
124124
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -175,7 +175,7 @@ var app = builder.Build();
175175

176176
## Add stylesheet and script resources
177177

178-
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>` section within the **~/Components/App.razor** file as shown below:
178+
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 **~/Components/App.razor** file as shown below:
179179

180180
```html
181181
<head>

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

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

1010
# Getting Started with Blazor Spreadsheet Component
1111

12-
This section explains how to add the [Blazor Spreadsheet](https://www.syncfusion.com/blazor-components/blazor-spreadsheet) component to a Blazor WebAssembly app using [Visual Studio](https://visualstudio.microsoft.com/vs/) and [Visual Studio Code](https://code.visualstudio.com/).
12+
This section briefly explains about how to include [Blazor Spreadsheet](https://www.syncfusion.com/blazor-components/blazor-spreadsheet) component in your Blazor WebAssembly App using [Visual Studio](https://visualstudio.microsoft.com/vs/) and Visual Studio Code.
1313

1414
{% tabcontents %}
1515

1616
{% tabcontent Visual Studio %}
1717

1818
## Prerequisites
1919

20-
* [System requirements for Blazor components](https://blazor.syncfusion.com/documentation/system-requirements)
20+
* [System requirements for Blazor components](https://blazor.syncfusion.com/documentation/system-requirements)
2121

2222
## Create a new Blazor App in Visual Studio
2323

24-
You can create a **Blazor WebAssembly App** in Visual Studio using either [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=vs) or the [Syncfusion Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio).
24+
You can create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=vs) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio).
2525

26-
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Spreadsheet and Themes NuGet packages in the App
26+
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Spreadsheet and Themes NuGet in the App
2727

2828
To add **Blazor Spreadsheet** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Spreadsheet](https://www.nuget.org/packages/Syncfusion.Blazor.Spreadsheet) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, you can utilize the following package manager command to achieve the same.
2929

@@ -44,11 +44,11 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
4444

4545
## Prerequisites
4646

47-
* [System requirements for Blazor components](https://blazor.syncfusion.com/documentation/system-requirements)
47+
* [System requirements for Blazor components](https://blazor.syncfusion.com/documentation/system-requirements)
4848

4949
## Create a new Blazor App in Visual Studio Code
5050

51-
You can create a **Blazor WebAssembly App** in Visual Studio Code using either [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=vsc) or the [Syncfusion Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project).
51+
You can create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project).
5252

5353
Alternatively, you can create a WebAssembly application using the following command in the terminal(<kbd>Ctrl</kbd>+<kbd>`</kbd>).
5454

@@ -89,7 +89,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
8989

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

92-
Open the **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Spreadsheet` namespace.
92+
Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Spreadsheet` namespace.
9393

9494
{% tabs %}
9595
{% highlight razor tabtitle="~/_Imports.razor" %}
@@ -106,9 +106,7 @@ Now, register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Servic
106106
{% highlight C# tabtitle="~/Program.cs" hl_lines="3 11" %}
107107

108108
using Microsoft.AspNetCore.Components.Web;
109-
110109
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
111-
112110
using Syncfusion.Blazor;
113111

114112
var builder = WebAssemblyHostBuilder.CreateDefault(args);
@@ -119,11 +117,12 @@ builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.
119117

120118
builder.Services.AddSyncfusionBlazor();
121119
await builder.Build().RunAsync();
120+
....
122121

123122
{% endhighlight %}
124123
{% endtabs %}
125124

126-
## Add Stylesheet and Script Resources
125+
## Add stylesheet and script resources
127126

128127
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.
129128

@@ -138,8 +137,6 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app
138137

139138
## Add Blazor Spreadsheet component
140139

141-
Please note that due to WebAssembly’s browser restrictions, File.ReadAllBytes is not supported. Therefore, the samples provided use a base64-encoded Excel file to import data. Here is the code example:
142-
143140
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Spreadsheet component in the **~/Pages/Index.razor** file.
144141

145142
{% tabs %}
@@ -151,12 +148,10 @@ Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Spreadsheet comp
151148

152149
@code {
153150
public byte[] DataSourceBytes { get; set; }
154-
155151
protected override void OnInitialized()
156152
{
157-
// Replace with your base64-encoded Excel file
158-
string base64File = "YourBase64EncodedExcelFileHere";
159-
DataSourceBytes = Convert.FromBase64String(base64File);
153+
string filePath = "wwwroot/Sample.xlsx";
154+
DataSourceBytes = File.ReadAllBytes(filePath);
160155
}
161156
}
162157

0 commit comments

Comments
 (0)