From 2d95cac37cc9e202f2529e6a7961e4cecc725ee6 Mon Sep 17 00:00:00 2001 From: Tsvetomir Hristov <106250052+Tsvetomir-Hr@users.noreply.github.com> Date: Thu, 22 Aug 2024 16:37:55 +0300 Subject: [PATCH] chore: apply seo recommendation (#2349) * chore: apply seo recommendation * Update components/grid/virtual-scrolling.md Co-authored-by: Yordan <60105689+yordan-mitev@users.noreply.github.com> * Update components/grid/virtual-scrolling.md Co-authored-by: Yordan <60105689+yordan-mitev@users.noreply.github.com> * Update components/grid/virtual-scrolling.md Co-authored-by: Yordan <60105689+yordan-mitev@users.noreply.github.com> --------- Co-authored-by: Yordan <60105689+yordan-mitev@users.noreply.github.com> --- _contentTemplates/common/observable-data.md | 4 ++-- components/form/events.md | 2 +- components/form/formitems/buttons.md | 8 ++++---- components/grid/virtual-scrolling.md | 6 +++--- components/spreadsheet/overview.md | 8 ++++---- 5 files changed, 14 insertions(+), 14 deletions(-) diff --git a/_contentTemplates/common/observable-data.md b/_contentTemplates/common/observable-data.md index 7da1ec2cb..caa904c79 100644 --- a/_contentTemplates/common/observable-data.md +++ b/_contentTemplates/common/observable-data.md @@ -5,9 +5,9 @@ When you want to refresh the component data source like that, there are two impo #end #observable-data -Databound components can benefit from live data - when the data source collection changes, the components should update to reflect that change. Most data-bound components in the Telerik UI for Blazor suite implement such functionality. +Databound components can benefit from live updates - when the data source collection changes, the components should update to reflect that change. Most data-bound components in the Telerik UI for Blazor suite implement such functionality. -When the `Data` of the component is a collection that implements the `INotifyCollectionChanged` interface (such as `ObservableCollection`), the Telerik components subscribe to its `CollectionChanged` event to update. This means that adding items, removing items, or clearing the collection updates the components (its `.Add()`, `.Remove()` and `.Clear()` methods). +When the `Data` of the component is a collection that implements the `INotifyCollectionChanged` interface (such as `ObservableCollection`), the Telerik components subscribe to its `CollectionChanged` event to make live update. This means that adding items, removing items, or clearing the collection updates the components (its `.Add()`, `.Remove()` and `.Clear()` methods). The Observable collections fire the `CollectionChanged` event only when their `Add`, `Remove` and `Clear` methods are called. They do not fire it when you change the value of a field of one of their elements. #end diff --git a/components/form/events.md b/components/form/events.md index 22c178b6d..7e40c9012 100644 --- a/components/form/events.md +++ b/components/form/events.md @@ -1,7 +1,7 @@ --- title: Events page_title: Form Events -description: Form for Blazor - Events. +description: The Form component for Blazor exposes events that allow you to react to user actions and provide user logic. slug: form-events tags: telerik,blazor,form,edit,events published: True diff --git a/components/form/formitems/buttons.md b/components/form/formitems/buttons.md index 50fe6943c..f871a9453 100644 --- a/components/form/formitems/buttons.md +++ b/components/form/formitems/buttons.md @@ -1,7 +1,7 @@ --- title: Buttons page_title: Form Buttons -description: Buttons in the Form +description: The Blazor Form component adds a default form Submit button. See how to add buttons using the FormButtons tag. slug: form-formitems-buttons tags: telerik,blazor,form,button,buttons published: True @@ -10,13 +10,13 @@ position: 3 # Form Buttons -The [Blazor Form](https://demos.telerik.com/blazor-ui/form/overview) component adds a Submit button at the end of the form by default. You can add your own buttons through the `FormButtons` tag. +The [Blazor Form](https://demos.telerik.com/blazor-ui/form/overview) component adds a Submit Button at the end of the Form by default. You can add your own buttons through the `FormButtons` tag. -When you add that template, the form will no longer render the built-in submit button so you can choose the buttons and layout you want to achieve. We recommend that you add a Submit button in all cases so the users can save their work and fire the corresponding form [events]({%slug form-events%}). +When you add that template, the form will no longer render the built-in Blazor Form submit Button so you can choose the buttons and layout you want to achieve. We recommend that you add a Submit Button in all cases so the users can save their work and fire the corresponding form [events]({%slug form-events%}). ### How to add a Reset (Clear) button to the form -You can provide a standard [Telerik UI for Blazor Button]({%slug components/button/overview%}) to allow the user to clear the contents of the editors in the Telerik Form. See the code and its comments for some more details. +You can provide a standard [Telerik UI for Blazor Button]({%slug components/button/overview%}) to allow the user to clear the contents of the editors in the Telerik Form. Refer to below Blazor Form Submit example for more details. ````CSHTML @* Add a Clear Button to the Telerik Form. We also add a Submit button *@ diff --git a/components/grid/virtual-scrolling.md b/components/grid/virtual-scrolling.md index b7308bdb1..5a32606c2 100644 --- a/components/grid/virtual-scrolling.md +++ b/components/grid/virtual-scrolling.md @@ -1,7 +1,7 @@ --- title: Virtual Scrolling page_title: Grid - Virtual Scrolling -description: Enable and configure virtual scrolling in Grid for Blazor. +description: Enable and configure virtualization in the Blazor Grid with virtual scrolling - an alternative to paging. slug: components/grid/virtual-scrolling tags: telerik,blazor,grid,virtual,scrolling published: True @@ -14,7 +14,7 @@ Virtual scrolling provides an alternative to paging. Instead of utilizing a page To enhance rendering performance, the Grid reuses the same set of HTML elements. As the next data loads, a loading indicator appears on the cells. If the user scrolls back up after scrolling down to the next set of rows, the previous data reloads from the data source, similar to regular paging, with the scroll distance determining the data to be loaded. -You can also use virtual scrolling for the Grid columns. See the [Column Virtualization]({%slug grid-columns-virtual%}) article for more information. +You can also use the Blazor Grid virtualization for the Grid columns. See the [Column Virtualization]({%slug grid-columns-virtual%}) article for more information. ## Using Virtual Scrolling @@ -318,7 +318,7 @@ Set the `PageSize` parameter to an `int` value. The `PageSize` determines how ma ## Limitations -Virtualization primarily enhances client-side rendering performance and improves the user experience. However, it comes with the trade-off that certain features of the Grid are incompatible with it. An alternative approach is to utilize [regular paging]({%slug components/grid/features/paging%}) combined with [manual data source operations]({%slug components/grid/manual-operations%}) to achieve the desired data retrieval performance. +The Blazor Grid virtualization primarily enhances client-side rendering performance and improves the user experience. However, it comes with the trade-off that certain features of the Grid are incompatible with it. An alternative approach is to utilize [regular paging]({%slug components/grid/features/paging%}) combined with [manual data source operations]({%slug components/grid/manual-operations%}) to achieve the desired data retrieval performance. These are the known limitations of the virtual scrolling feature: diff --git a/components/spreadsheet/overview.md b/components/spreadsheet/overview.md index de22a24ae..f8bf1e684 100644 --- a/components/spreadsheet/overview.md +++ b/components/spreadsheet/overview.md @@ -1,7 +1,7 @@ --- title: Overview page_title: Spreadsheet - Overview -description: Get familiar with the Spreadsheet for Blazor and its features and parameters. Learn how to quickly run a Spreadsheet component. +description: The Blazor Spreadsheet component allows users to view and edit tabular data with an Excel-like user experience. slug: spreadsheet-overview tags: telerik,blazor,spreadsheet published: True @@ -10,7 +10,7 @@ position: 0 # Blazor Spreadsheet Overview -The Spreadsheet for Blazor enables users to view and edit tabular data with an Excel-like user experience. The component supports cell styling, value formatting, links, images, formulas, and a rich collection of mathematical functions. +The Spreadsheet for Blazor enables users to view and edit tabular data with an Excel-like user experience. The component supports cell styling, value formatting, links, images, formulas, and a rich collection of mathematical functions. ## Creating Blazor Spreadsheet @@ -55,7 +55,7 @@ You can also add custom tools. Learn how to [configure and customize the Blazor ## Functions and Formulas -The Spreadsheet supports formulas and a large variety of Excel functions. See the complete list of available [Spreadsheet functions]({%slug spreadsheet-functions-formulas%}). +The Blazor Spreadsheet component supports formulas and a large variety of Excel functions. See the complete list of available [Spreadsheet functions]({%slug spreadsheet-functions-formulas%}). ## Events @@ -87,7 +87,7 @@ The table below lists the Spreadsheet parameters. For a full list of the ListBox ## Spreadsheet Reference and Methods -The Spreadsheet exposes methods for programmatic operation. To use them, define a reference to the component instance with the `@ref` directive attribute. +The Blazor Spreadsheet component exposes methods for programmatic operation. To use them, define a reference to the component instance with the `@ref` directive attribute. | Method | Description | | --- | --- |