Skip to content

Commit c5c00a5

Browse files
Merge pull request #7068 from syncfusion-content/874804-accessibility
Updated the Blazor common UG documentation
2 parents dd08762 + 7d10e5b commit c5c00a5

19 files changed

+280
-283
lines changed

blazor/getting-started/blazor-electron-app.md

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

1010
# Creating Desktop Application using Blazor and Electron
1111

12-
This section explains how to create and run desktop applications using Blazor and Electron Framework with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
12+
This section explains how to create and run a desktop application by using Blazor and the Electron.NET framework with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
1313

1414
## What is Electron?
1515

16-
[Electron](https://www.electronjs.org/) framework for building cross-platform desktop applications with web technologies. It utilizes `Node.js` and the `Chromium` rendering engine to run a web application on a desktop shell.
16+
[Electron](https://www.electronjs.org/) is a framework for building cross-platform desktop applications with web technologies. It utilizes `Node.js` and the `Chromium` rendering engine to run a web application in a desktop shell.
1717

1818
## Create a Blazor server-side application
1919

20-
You can create Blazor Server application using either CLI or Visual Studio referring the below links
20+
Create a Blazor Server application by using either the CLI or Visual Studio:
2121

22-
* [Create Blazor server application using CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli)
22+
* [Create a Blazor Server application by using the CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli)
2323

24-
* [Create Blazor Server application using Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio)
24+
* [Create a Blazor Server application by using Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio)
2525

26-
N> This setup does not work with Target Frameworks greater than .NET 6. For more details and troubleshooting, refer to this [GitHub thread](https://github.com/ElectronNET/Electron.NET/issues/837#issuecomment-1985434060).
26+
N> This setup does not work with target frameworks greater than .NET 6. For details and troubleshooting, see this [GitHub thread](https://github.com/ElectronNET/Electron.NET/issues/837#issuecomment-1985434060).
2727

2828
## Configure Electron in Blazor App
2929

30-
You can run the below commands either in **Visual Studio Developer Command Prompt** or **CLI** based on the tool you are using for development.
30+
Run the following commands in either the **Visual Studio Developer Command Prompt** or a **command-line interface (CLI)** based on the development environment.
3131

3232
1.Install [ElectronNET.API](https://www.nuget.org/packages/ElectronNET.API/) NuGet package in the application.
3333

3434
```
3535
dotnet add package ElectronNET.API
3636
```
3737

38-
2.Create a local .NET tool manifest file by running the following command. This will create a manifest file in the **~/.config/dotnet-tools.json** location.
38+
2.Create a local .NET tool manifest file by running the following command. This creates a manifest file at **~/.config/dotnet-tools.json** in the current project.
3939

4040
```
4141
dotnet new tool-manifest
4242
```
4343

44-
![.NET tool manifest file](images\electron\net-tool-manifest.png)
44+
![.NET tool manifest file](images/electron/net-tool-manifest.png)
4545

4646
3.Install the tool locally in the project by running the below command.
4747

4848
```
4949
dotnet tool install ElectronNET.CLI
5050
```
5151

52-
![Electron NET CLI](images\electron\net-cli.png)
52+
![Electron.NET CLI installation](images/electron/net-cli.png)
5353

5454
4.Run the below command to configure Electron.NET manifest tool and update the launch profile of the application.
5555

5656
```
5757
dotnet electronize init
5858
```
59-
![Update launch profile](images\electron\update-launch-profile.png)
59+
![Update launch profile for Electron.NET](images/electron/update-launch-profile.png)
6060

6161
5.To integrate `Electron.NET` in the application add the below code in **~/Program.cs** file of the application.
6262

@@ -113,9 +113,9 @@ var app = builder.Build();
113113
dotnet electronize start
114114
```
115115

116-
![Electron app output](images\electron\electron-grid-output.png)
116+
![Electron app output](images/electron/electron-grid-output.png)
117117

118-
N> To close the electron app when closed the electron window add the below code in **//Open the Electron-Window** in step 6 in the **~/Program.cs** file of .NET 6 application.
118+
N> To close the Electron app when the Electron window is closed, add the following code under **// Open the Electron-Window** in step 6 in the **~/Program.cs** file of a .NET 6 application.
119119

120120
{% tabs %}
121121
{% highlight c# tabtitle=".NET 6 (~/Program.cs)" hl_lines="14 15 16" %}
@@ -145,12 +145,12 @@ var app = builder.Build();
145145
{% endhighlight %}
146146
{% endtabs %}
147147

148-
8.Run the below command lines to do production builds based on platform
148+
8.Run the following commands to create production builds for each platform.
149149

150150
```
151151
dotnet electronize build /target win
152152
dotnet electronize build /target osx
153153
dotnet electronize build /target linux
154154
```
155155

156-
N> [View the complete Blazor Server electron application with Syncfusion<sup style="font-size:70%">&reg;</sup> controls on GitHub](https://github.com/SyncfusionExamples/blazor-electron-app)
156+
N> [View the complete Blazor Server Electron application with Syncfusion<sup style="font-size:70%">&reg;</sup> components on GitHub](https://github.com/SyncfusionExamples/blazor-electron-app)

0 commit comments

Comments
 (0)