Skip to content

Commit

Permalink
chore: apply seo recommendation (#2349)
Browse files Browse the repository at this point in the history
* 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>
  • Loading branch information
Tsvetomir-Hr and yordan-mitev committed Aug 22, 2024
1 parent 4a76c3d commit 2d95cac
Show file tree
Hide file tree
Showing 5 changed files with 14 additions and 14 deletions.
4 changes: 2 additions & 2 deletions _contentTemplates/common/observable-data.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion components/form/events.md
Original file line number Diff line number Diff line change
@@ -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
Expand Down
8 changes: 4 additions & 4 deletions components/form/formitems/buttons.md
Original file line number Diff line number Diff line change
@@ -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
Expand All @@ -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 *@
Expand Down
6 changes: 3 additions & 3 deletions components/grid/virtual-scrolling.md
Original file line number Diff line number Diff line change
@@ -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
Expand All @@ -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

Expand Down Expand Up @@ -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:

Expand Down
8 changes: 4 additions & 4 deletions components/spreadsheet/overview.md
Original file line number Diff line number Diff line change
@@ -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
Expand All @@ -10,7 +10,7 @@ position: 0

# 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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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 |
| --- | --- |
Expand Down

0 comments on commit 2d95cac

Please sign in to comment.