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>
This commit is contained in:
Tsvetomir Hristov 2024-08-22 16:37:55 +03:00 коммит произвёл GitHub
Родитель 4a76c3d287
Коммит 2d95cac37c
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: B5690EEEBB952194
5 изменённых файлов: 14 добавлений и 14 удалений

Просмотреть файл

@ -5,9 +5,9 @@ When you want to refresh the component data source like that, there are two impo
#end #end
#observable-data #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. 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 #end

Просмотреть файл

@ -1,7 +1,7 @@
--- ---
title: Events title: Events
page_title: Form 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 slug: form-events
tags: telerik,blazor,form,edit,events tags: telerik,blazor,form,edit,events
published: True published: True

Просмотреть файл

@ -1,7 +1,7 @@
--- ---
title: Buttons title: Buttons
page_title: Form 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 slug: form-formitems-buttons
tags: telerik,blazor,form,button,buttons tags: telerik,blazor,form,button,buttons
published: True published: True
@ -10,13 +10,13 @@ position: 3
# Form Buttons # 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 ### 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 ````CSHTML
@* Add a Clear Button to the Telerik Form. We also add a Submit button *@ @* Add a Clear Button to the Telerik Form. We also add a Submit button *@

Просмотреть файл

@ -1,7 +1,7 @@
--- ---
title: Virtual Scrolling title: Virtual Scrolling
page_title: Grid - 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 slug: components/grid/virtual-scrolling
tags: telerik,blazor,grid,virtual,scrolling tags: telerik,blazor,grid,virtual,scrolling
published: True 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. 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 ## Using Virtual Scrolling
@ -318,7 +318,7 @@ Set the `PageSize` parameter to an `int` value. The `PageSize` determines how ma
## Limitations ## 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: These are the known limitations of the virtual scrolling feature:

Просмотреть файл

@ -1,7 +1,7 @@
--- ---
title: Overview title: Overview
page_title: Spreadsheet - 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 slug: spreadsheet-overview
tags: telerik,blazor,spreadsheet tags: telerik,blazor,spreadsheet
published: True published: True
@ -10,7 +10,7 @@ position: 0
# Blazor Spreadsheet Overview # Blazor Spreadsheet Overview
The <a href = "https://www.telerik.com/blazor-ui/spreadsheet" target="_blank">Spreadsheet for Blazor</a> 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 ## Creating Blazor Spreadsheet
@ -55,7 +55,7 @@ You can also add custom tools. Learn how to [configure and customize the Blazor
## Functions and Formulas ## 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 ## Events
@ -87,7 +87,7 @@ The table below lists the Spreadsheet parameters. For a full list of the ListBox
## Spreadsheet Reference and Methods ## 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 | | Method | Description |
| --- | --- | | --- | --- |