diff --git a/blazor/in-place-editor/accessibility.md b/blazor/in-place-editor/accessibility.md index 17e91b579c..e3edc9aad0 100644 --- a/blazor/in-place-editor/accessibility.md +++ b/blazor/in-place-editor/accessibility.md @@ -1,13 +1,13 @@ --- 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 --- -# Accessibility in Blazor Ifn-place editor component +# Accessibility in Blazor In-place editor component The [Blazor In-place editor](https://www.syncfusion.com/blazor-components/blazor-in-place-editor) component follows accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility. @@ -53,4 +53,5 @@ 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) + diff --git a/blazor/in-place-editor/buttons.md b/blazor/in-place-editor/buttons.md index 11f756eb3d..40483e3a00 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 8b9994513c..7417b24382 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 51e4759e24..eb2f2fc3c1 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 29ef0e089b..b16f9b5fbb 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 c45e098c73..77b19a1211 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.webp)" %} @@ -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 2296840915..f31d3f0302 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 the [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 using one of the following methods. @@ -128,9 +128,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" %} @@ -144,7 +144,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 @@ -160,7 +160,7 @@ 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 * Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor In-place Editor component inside the 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 razor file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). @@ -541,7 +541,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 70b054027a..983bf2da53 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.webp)" %} @@ -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 98c9e22a63..fa1267fb71 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 2c41feee0d..c10818d6bc 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 b53eb81212..e544b7d9bd 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 d6e60765c5..d5db9451f9 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 bbef501d90..6a16d7c1b1 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