diff --git a/blazor/in-place-editor/accessibility.md b/blazor/in-place-editor/accessibility.md index 55d4707a4e..794eb6c370 100644 --- a/blazor/in-place-editor/accessibility.md +++ b/blazor/in-place-editor/accessibility.md @@ -1,7 +1,7 @@ --- layout: post -title: Accessibility in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about keyboard shortcuts in Syncfusion Blazor In-place Editor component and more. +title: Accessibility in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about keyboard shortcuts in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug @@ -53,4 +53,4 @@ The accessibility compliance of the In-place Editor component is shown in the fo ## See also -* [Accessibility in Syncfusion® components](../common/accessibility) \ No newline at end of file +* [Accessibility in Blazor components](../common/accessibility) \ No newline at end of file diff --git a/blazor/in-place-editor/buttons.md b/blazor/in-place-editor/buttons.md index a9ad0c7e28..f62b6bcb93 100644 --- a/blazor/in-place-editor/buttons.md +++ b/blazor/in-place-editor/buttons.md @@ -1,7 +1,7 @@ --- layout: post -title: Buttons in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about Buttons in Syncfusion Blazor In-place Editor component and much more. +title: Buttons in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about Buttons in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/configuration.md b/blazor/in-place-editor/configuration.md index d2a2755f54..5ea37e2ef7 100644 --- a/blazor/in-place-editor/configuration.md +++ b/blazor/in-place-editor/configuration.md @@ -1,7 +1,7 @@ --- layout: post -title: Configuration in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about Configuration in Syncfusion Blazor In-place Editor component and more. +title: Configuration in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about Configuration in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/controls.md b/blazor/in-place-editor/controls.md index 78af4749bf..ee058da7c6 100644 --- a/blazor/in-place-editor/controls.md +++ b/blazor/in-place-editor/controls.md @@ -1,7 +1,7 @@ --- layout: post -title: List of Components in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about List of Components in Syncfusion Blazor In-place Editor component and more. +title: List of Components in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about List of Components in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/data-binding.md b/blazor/in-place-editor/data-binding.md index 5256152093..c8d67a476f 100644 --- a/blazor/in-place-editor/data-binding.md +++ b/blazor/in-place-editor/data-binding.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Binding in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about Data Binding in Syncfusion Blazor In-place Editor component and more. +title: Data Binding in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about Data Binding in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/events.md b/blazor/in-place-editor/events.md index 896d8c4483..3c8d1872d8 100644 --- a/blazor/in-place-editor/events.md +++ b/blazor/in-place-editor/events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about Events in Syncfusion Blazor In-place Editor component and much more. +title: Events in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about the features and Events in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/getting-started-with-server-app.md b/blazor/in-place-editor/getting-started-with-server-app.md index e13e24cee6..47d4d49382 100644 --- a/blazor/in-place-editor/getting-started-with-server-app.md +++ b/blazor/in-place-editor/getting-started-with-server-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor In-place Editor in Server App | Syncfusion +title: Getting Started with In-place Editor in Server App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor In-place Editor Component in Blazor Server App. platform: Blazor component: In place Editor @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor In-place Editor Component in Server App -This section briefly explains about how to include [Syncfusion® Blazor In-place Editor](https://www.syncfusion.com/blazor-components/blazor-in-place-editor) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor In-place Editor](https://www.syncfusion.com/blazor-components/blazor-in-place-editor) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -21,7 +21,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. +Create a **Blazor Server App** by using the **Blazor Web App** template in Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Server App** by using the **Blazor Web App** template in Visua ## Create a new Blazor App in Visual Studio Code -Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. +Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. Alternatively, create a Server application by using the following command in the integrated terminal (Ctrl+`). @@ -83,7 +83,7 @@ cd BlazorApp N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Server App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.InPlaceEditor](https://www.nuget.org/packages/Syncfusion.Blazor.InPlaceEditor/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -113,9 +113,9 @@ After the packages are installed, open the **~/_Imports.razor** file and import {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor Server App. +Register the Blazor service in the **Program.cs** file of your Blazor Server App. {% tabs %} {% highlight C# tabtitle="Program.cs" %} @@ -143,9 +143,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in Blazor application. -## Add Syncfusion® Blazor In-place Editor component +## Add Blazor In-place Editor component -Add the Syncfusion® Blazor In-place Editor component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. +Add the Blazor In-place Editor component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. N> If the Interactivity Location is set to `Global`, the render mode is automatically configured in the `App.razor` file by default. @@ -190,7 +190,7 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati N> Specify the editor [Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InPlaceEditor.SfInPlaceEditor-1.html#Syncfusion_Blazor_InPlaceEditor_SfInPlaceEditor_1_Type) when using non-default editors (for example, `DropDownList`, `Date`, or `AutoComplete`). Configure two-way binding between the In-place Editor and its editor component to synchronize values. -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor In-place Editor component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor In-place Editor component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/VNhJtMLkzWvWaMvy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor Component](images/blazor-inplace-editor-component.png)" %} @@ -517,6 +517,6 @@ After submit, the edited data is sent to the server, and the updated value is re ## See also -1. [Getting Started with Syncfusion® Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) -2. [Getting Started with Syncfusion® Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) -3. [Getting Started with Syncfusion® Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) +1. [Getting Started with Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) +2. [Getting Started with Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) +3. [Getting Started with Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) diff --git a/blazor/in-place-editor/getting-started-with-web-app.md b/blazor/in-place-editor/getting-started-with-web-app.md index 8788efdf4f..41b64581fe 100644 --- a/blazor/in-place-editor/getting-started-with-web-app.md +++ b/blazor/in-place-editor/getting-started-with-web-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor In-place Editor in Web App | Syncfusion +title: Getting Started with Blazor In-place Editor in Web App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor In-place Editor Component in Blazor Web App. platform: Blazor component: In place Editor @@ -11,7 +11,7 @@ documentation: ug # Getting Started with Blazor In-place Editor Component in Web App -This section briefly explains about how to include [Syncfusion® Blazor In-place Editor](https://www.syncfusion.com/blazor-components/blazor-in-place-editor) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor In-place Editor](https://www.syncfusion.com/blazor-components/blazor-in-place-editor) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -23,7 +23,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. +Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. {% endtabcontent %} @@ -35,7 +35,7 @@ Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https: ## Create a new Blazor Web App in Visual Studio Code -Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands in the integrated terminal (Ctrl+`): @@ -89,7 +89,7 @@ This command creates a new Blazor Web App and places it in a new directory calle N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.InPlaceEditor](https://www.nuget.org/packages/Syncfusion.Blazor.InPlaceEditor) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -121,9 +121,9 @@ After the packages are installed, open the **~/_Imports.razor** file in the clie {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor Service in the **Program.cs** file of your Blazor Web App. +Register the Blazor Service in the **Program.cs** file of your Blazor Web App. {% tabs %} {% highlight c# tabtitle="Program.cs" %} @@ -137,7 +137,7 @@ builder.Services.AddSyncfusionBlazor(); {% endhighlight %} {% endtabs %} -N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Syncfusion® Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. +N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. ## Add stylesheet and script resources @@ -153,9 +153,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. -## Add Syncfusion® Blazor In-place Editor component +## Add Blazor In-place Editor component -Add the Syncfusion® Blazor In-place Editor component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~/Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). +Add the Blazor In-place Editor component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~/Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. @@ -200,7 +200,7 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem N> Specify the editor [Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InPlaceEditor.SfInPlaceEditor-1.html#Syncfusion_Blazor_InPlaceEditor_SfInPlaceEditor_1_Type) when using non-default editors (for example, `DropDownList`, `Date`, or `AutoComplete`). Configure two-way binding between the In-place Editor and its editor component to synchronize values. -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor In-place Editor component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor In-place Editor component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/VNhJtMLkzWvWaMvy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor Component](images/blazor-inplace-editor-component.png)" %} @@ -527,7 +527,7 @@ After submit, the edited data is sent to the server, and the updated value is re ## See also -1. [Getting Started with Syncfusion® Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) -2. [Getting Started with Syncfusion® Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) -3. [Getting Started with Syncfusion® Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) +1. [Getting Started with Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) +2. [Getting Started with Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) +3. [Getting Started with Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) diff --git a/blazor/in-place-editor/getting-started.md b/blazor/in-place-editor/getting-started.md index c949bfa5ac..5f42fc2b2b 100644 --- a/blazor/in-place-editor/getting-started.md +++ b/blazor/in-place-editor/getting-started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor In-place Editor Component | Syncfusion +title: Getting Started with Blazor In-place Editor Component | Syncfusion® description: Checkout and learn about getting started with Blazor In-place Editor component in Blazor WebAssembly Application. platform: Blazor control: In-place Editor @@ -11,7 +11,7 @@ documentation: ug # Getting Started with Blazor In-place Editor Component -This section briefly explains about how to include [Syncfusion® Blazor In-place Editor](https://www.syncfusion.com/blazor-components/blazor-in-place-editor) component in a Blazor WebAssembly App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor In-place Editor](https://www.syncfusion.com/blazor-components/blazor-in-place-editor) component in a Blazor WebAssembly App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -23,7 +23,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) documentation. +Create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) documentation. {% endtabcontent %} @@ -35,7 +35,7 @@ Create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates ## Create a new Blazor App in Visual Studio Code -Create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app?tabcontent=visual-studio-code) documentation. Alternatively, create a WebAssembly application by using the following command in the integrated terminal (Ctrl+`). @@ -83,7 +83,7 @@ cd BlazorApp {% endtabcontents %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.InPlaceEditor](https://www.nuget.org/packages/Syncfusion.Blazor.InPlaceEditor/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -114,9 +114,9 @@ After the packages are installed, open the **~/_Imports.razor** file and import {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor WebAssembly App. +Register the Blazor service in the **Program.cs** file of your Blazor WebAssembly App. {% tabs %} {% highlight C# tabtitle="Program.cs" %} @@ -144,9 +144,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in the Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. -## Add Syncfusion® Blazor In-place Editor component +## Add Blazor In-place Editor component -Add the Syncfusion® Blazor In-place Editor component in the **~/Pages/Index.razor** file. +Add the Blazor In-place Editor component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor tabtitle="Index.razor" %} @@ -180,7 +180,7 @@ Add the Syncfusion® Blazor In-place Editor N> The type of component editor must be configured in the 'Type' Editor In-place property. Also, the two-way binding between the In-place Editor and its EditorComponent should be configured. It's used to update the editor component value into the In-place Editor component. -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor In-place Editor component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor In-place Editor component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/VNhJtMLkzWvWaMvy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor Component](images/blazor-inplace-editor-component.png)" %} @@ -507,6 +507,6 @@ After submission, the edited data is sent to the server, and the updated value i ## See also -* [Getting Started with Syncfusion® Blazor Web Assembly App in Visual Studio or .NET CLI](../getting-started/blazor-webassembly-app) +* [Getting Started with Blazor Web Assembly App in Visual Studio or .NET CLI](../getting-started/blazor-webassembly-app) -* [Getting Started with Syncfusion® Blazor Web App in Visual Studio or .NET CLI](../getting-started/blazor-web-app) \ No newline at end of file +* [Getting Started with Blazor Web App in Visual Studio or .NET CLI](../getting-started/blazor-web-app) \ No newline at end of file diff --git a/blazor/in-place-editor/how-to/custom-animation.md b/blazor/in-place-editor/how-to/custom-animation.md index 3fd4ef6e7f..69c2789739 100644 --- a/blazor/in-place-editor/how-to/custom-animation.md +++ b/blazor/in-place-editor/how-to/custom-animation.md @@ -1,7 +1,7 @@ --- layout: post -title: Custom Animation for popup in Blazor In-place Editor | Syncfusion -description: Learn here all about setting custom animation for popup mode in Syncfusion Blazor In-place Editor component and more. +title: Custom Animation for popup in Blazor In-place Editor | Syncfusion® +description: Learn here all about setting custom animation for popup mode in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/how-to/disable-edit-mode.md b/blazor/in-place-editor/how-to/disable-edit-mode.md index 5687cc3b00..071958d949 100644 --- a/blazor/in-place-editor/how-to/disable-edit-mode.md +++ b/blazor/in-place-editor/how-to/disable-edit-mode.md @@ -1,7 +1,7 @@ --- layout: post -title: Disable the edit mode in Blazor In-place Editor Component | Syncfusion -description: Learn here all about Disable the edit mode specifically in Syncfusion Blazor In-place Editor component and more. +title: Disable the edit mode in Blazor In-place Editor | Syncfusion® +description: Learn here all about Disable the edit mode specifically in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/how-to/dynamic-edit-mode.md b/blazor/in-place-editor/how-to/dynamic-edit-mode.md index 201ded2fc7..1701be923c 100644 --- a/blazor/in-place-editor/how-to/dynamic-edit-mode.md +++ b/blazor/in-place-editor/how-to/dynamic-edit-mode.md @@ -1,7 +1,7 @@ --- layout: post -title: Dynamically move In-place Editor to edit mode in Blazor | Syncfusion -description: Learn here all about dynamically moving input to edit mode in Syncfusion Blazor In-place Editor component and more. +title: Dynamically move In-place Editor to edit mode in Blazor | Syncfusion® +description: Learn here all about dynamically moving input to edit mode in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/integration.md b/blazor/in-place-editor/integration.md index 419166f13f..07dc28a6d9 100644 --- a/blazor/in-place-editor/integration.md +++ b/blazor/in-place-editor/integration.md @@ -1,7 +1,7 @@ --- layout: post -title: Integrate HTML5 Components in Blazor In-place Editor | Syncfusion -description: Learn here all about Integrate HTML5 Components in Syncfusion Blazor In-place Editor component and more. +title: Integrate HTML5 Components in Blazor In-place Editor | Syncfusion® +description: Learn here all about Integrate HTML5 Components in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/localization.md b/blazor/in-place-editor/localization.md index 36dce59d14..c5460bf06f 100644 --- a/blazor/in-place-editor/localization.md +++ b/blazor/in-place-editor/localization.md @@ -1,7 +1,7 @@ --- layout: post -title: Globalization in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about Globalization in Syncfusion Blazor In-place Editor component and more. +title: Globalization in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about Globalization in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/native-events.md b/blazor/in-place-editor/native-events.md index f556681a23..23997728c3 100644 --- a/blazor/in-place-editor/native-events.md +++ b/blazor/in-place-editor/native-events.md @@ -1,7 +1,7 @@ --- layout: post -title: Native Events in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about Native Events in Syncfusion Blazor In-place Editor component and much more. +title: Native Events in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about Native Events in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/server-actions.md b/blazor/in-place-editor/server-actions.md index 960519f3fc..f24368f932 100644 --- a/blazor/in-place-editor/server-actions.md +++ b/blazor/in-place-editor/server-actions.md @@ -1,7 +1,7 @@ --- layout: post -title: Server Actions in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about Server Actions in Syncfusion Blazor In-place Editor component and more. +title: Server Actions in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about Server Actions in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/style.md b/blazor/in-place-editor/style.md index 4ea4fe064a..0cf16399e0 100644 --- a/blazor/in-place-editor/style.md +++ b/blazor/in-place-editor/style.md @@ -1,7 +1,7 @@ --- layout: post -title: Style and appearance in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about style and appearance in Syncfusion Blazor In-place Editor component and more. +title: Style and appearance in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about style and appearance in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug diff --git a/blazor/in-place-editor/validation.md b/blazor/in-place-editor/validation.md index 8df4b0f26c..23731d8151 100644 --- a/blazor/in-place-editor/validation.md +++ b/blazor/in-place-editor/validation.md @@ -1,7 +1,7 @@ --- layout: post -title: Validation in Blazor In-place Editor Component | Syncfusion -description: Checkout and learn here all about Validation in Syncfusion Blazor In-place Editor component and more. +title: Validation in Blazor In-place Editor Component | Syncfusion® +description: Checkout and learn here all about Validation in Blazor In-place Editor component and much more details. platform: Blazor control: In-place Editor documentation: ug