chore(common): fix links

ntacheva · ntacheva · commit a27922e39af1 · 2024-11-01T13:45:53.000+02:00
diff --git a/components/grid/columns/bound.md b/components/grid/columns/bound.md
@@ -117,9 +117,9 @@ You can use the following properties on bound columns:
 
 ### Templates
 
-* `Template` - this property can also be used as an inner tag and it lets you define the [column display content]({%slug components/grid/features/templates%}#column-template). It can also point to a component name.
+* `Template` - this property can also be used as an inner tag and it lets you define the [column display content]({%slug grid-templates-column%}). It can also point to a component name.
 * `Context` - the standard Blazor context variable name for use inside the inline template.
-* `EditorTemplate` - this property can also be used as an inner tag and it lets you define the [column edit content]({%slug components/grid/features/templates%}#edit-template). It can also point to a component name.
+* `EditorTemplate` - this property can also be used as an inner tag and it lets you define the [column edit content]({%slug grid-templates-editor%}). It can also point to a component name.
 * `FilterCellTemplate` - this property can also be used as an inner tag and it lets you customize [the Grid Filter Row]({%slug grid-templates-filter%}#filter-row-template). It can also point to a component name.
 * `FilterMenuTemplate` - this property can also be used as an inner tag and it lets you customize [the Grid Filter Menu]({%slug grid-templates-filter%}#filter-menu-template). It can also point to a component name.
 
diff --git a/components/grid/editing/popup.md b/components/grid/editing/popup.md
@@ -267,5 +267,5 @@ You can specify a `ButtonsTemplate` in the `GridPopupEditFormSettings` to custom
 ## See Also
 
 * [Live Demo: Grid Popup Editing](https://demos.telerik.com/blazor-ui/grid/editing-popup)
-* [Custom Editor Template Per Field]({%slug components/grid/features/templates%}#edit-template)
+* [Custom Editor Template Per Field]({%slug grid-templates-editor%})
 * [Custom Editor Layout](https://github.com/telerik/blazor-ui/tree/master/grid/custom-popup-form)
diff --git a/components/grid/loading-animation.md b/components/grid/loading-animation.md
@@ -23,7 +23,7 @@ The data operations that trigger the loading animation include:
 * [Inserting]({%slug components/grid/editing/overview%})
 * [Deleting records]({%slug components/grid/editing/overview%})
 
-The Grid will not display a loading animation during its initial rendering. The component cannot know when or even if data will be provided to it. Initial automatic loading sign can either show indefinitely, or it could prevent the user from altering any saved Grid state (such as changing filters). If you want a loading animation on the initial load, you can use a [LoaderContainer component]({%slug loadercontainer-overview%}#basic-loadercontainer). See the [Grid Loading Animation Live Demo](https://demos.telerik.com/blazor-ui/grid/loading-animation).
+The Grid will not display a loading animation during its initial rendering. The component cannot know when or even if data will be provided to it. Initial automatic loading sign can either show indefinitely, or it could prevent the user from altering any saved Grid state (such as changing filters). If you want a loading animation on the initial load, you can use a [LoaderContainer component]({%slug loadercontainer-overview%}). See the [Grid Loading Animation Live Demo](https://demos.telerik.com/blazor-ui/grid/loading-animation).
 
 >caption Grid Loading Animation
 
diff --git a/components/grid/selection/cells.md b/components/grid/selection/cells.md
@@ -233,7 +233,7 @@ The `SelectedCells` collection persists across paging.
 When using [Grid templates]({%slug components/grid/features/templates%}) with cell selection:
 
 * If you are using a [Grid column template]({%slug grid-templates-column%}) and you have a clickable element in the template, wrap this element in a container with a `@onclick:stopPropagation` directive. You can check the knowledge base article on [how to prevent row selection when the user clicks another component in the Grid column template]({%slug grid-kb-row-selection-in-column-template%}). It applies for both row and cell selection.
-* If you are using a [row template]({%slug components/grid/features/templates%}#row-template) the Grid does not support cell selection. The row template removes the built-in cell instances and the HTML markup may not even include the expected number of cells.
+* If you are using a [row template]({%slug grid-templates-row%}) the Grid does not support cell selection. The row template removes the built-in cell instances and the HTML markup may not even include the expected number of cells.
 
 ## See Also
 
diff --git a/components/grid/selection/rows.md b/components/grid/selection/rows.md
@@ -199,7 +199,7 @@ The [**Select All** checkbox in the Grid checkbox column]({%slug components/grid
 When using [Grid templates]({%slug components/grid/features/templates%}) with row selection:
 
 * If you are using a [Grid column template]({%slug grid-templates-column%}) and you have a clickable element in the template, you can check the knowledge base article on [how to prevent row selection when the user clicks another component in the Grid column template]({%slug grid-kb-row-selection-in-column-template%}).
-* If you are using a [row template]({%slug components/grid/features/templates%}#row-template) the Grid cannot render a built-in [checkbox column]({%slug components/grid/columns/checkbox%}). You have to render checkboxes manually and handle their changed event to populate the `SelectedItems` collection of the Grid. You can find an example to get started in the following thread: [Grid Row Template with Selection - Unsure how to Bind to Selected Item](https://feedback.telerik.com/blazor/1463819-grid-row-template-with-selection-unsure-how-to-bind-to-selected-item).
+* If you are using a [row template]({%slug grid-templates-row%}) the Grid cannot render a built-in [checkbox column]({%slug components/grid/columns/checkbox%}). You have to render checkboxes manually and handle their changed event to populate the `SelectedItems` collection of the Grid. You can find an example to get started in the following thread: [Grid Row Template with Selection - Unsure how to Bind to Selected Item](https://feedback.telerik.com/blazor/1463819-grid-row-template-with-selection-unsure-how-to-bind-to-selected-item).
 
 ### Selection and Row Drag and Drop
 
diff --git a/components/grid/templates/popup-form-template.md b/components/grid/templates/popup-form-template.md
@@ -14,7 +14,7 @@ position: 50
 With the `FormTemplate` feature, you can customize the appearance and content of the create/edit Popup window of the Grid. 
 
 >caption In this article:
-* [Basics](#basics)
+* [Using the Popup Form Template](#using-the-popup-form-template)
 * [Specifics](#specifics)
 * [Example](#example)
 
diff --git a/components/listview/templates.md b/components/listview/templates.md
@@ -102,7 +102,7 @@ https://docs.telerik.com/blazor-ui/components/listview/editing
 
 ## Header Template
 
-This piece of code renders just above the items, but within the main listview wrapper. You would commonly use it to show a heading or other description of the data. You can also add buttons or other components that will invoke actions (such as [filter or sort the data source]({%slug listview-manual-operations%}#custom-operations), or [edit data]({%slug listview-editing%})).
+This piece of code renders just above the items, but within the main listview wrapper. You would commonly use it to show a heading or other description of the data. You can also add buttons or other components that will invoke actions (such as [filter or sort the data source]({%slug listview-manual-operations%}#filter-and-sort), or [edit data]({%slug listview-editing%})).
 
 >caption Header Template in the ListView
 
diff --git a/components/map/layers/marker.md b/components/map/layers/marker.md
@@ -27,7 +27,7 @@ To configure a Map layer of the Marker type:
 2. Set the `Type` parameter of the `MapLayer` to `Marker`.
 3. Set the `Data` parameter.
 4. Set the `LocationField` and `TitleField` parameters.
-5. (Optional) Provide the [tooltip settings](#marker-tooltip-settings) and choose the [Marker shape](#marker-shapes).
+5. (Optional) Provide the [tooltip settings](#setting-the-marker-tooltip) and choose the [Marker shape](#defining-the-marker-shapes).
 
 The following example demonstrates how to configure the Marker layer of the Map.
 
diff --git a/components/maskedtextbox/mask-prompt.md b/components/maskedtextbox/mask-prompt.md
@@ -48,7 +48,7 @@ The Telerik MaskedTextbox provides a set of built-in rules that it recognizes as
 - `&` - Character (excluding `space`)
 - `C` - Character or `space`
 
->tip You can find some examples of different masks in the [Masks Live Demo](https://demos.telerik.com/blazor-ui/maskedtextbox/masks) and in the [Some Sample Masks]({%slug maskedtextbox-overview%}#some-sample-masks) section of the documentation.
+>tip You can find some examples of different masks in the [Masks Live Demo](https://demos.telerik.com/blazor-ui/maskedtextbox/masks) and in the [Some Sample Masks]({%slug maskedtextbox-overview%}#mask-examples) section of the documentation.
 
 ### Literals
 
diff --git a/components/multicolumncombobox/columns/overview.md b/components/multicolumncombobox/columns/overview.md
@@ -29,8 +29,8 @@ To bind data to the `<MultiColumnComboBoxColumn>` you can use the `Field`. This
 | `Class` | `string` | The CSS class that will be rendered on the column's content cells. |
 | `HeaderClass` | `string` | The CSS class that will be rendered on the column's header cell. |
 | `Title` | `string` | The string title rendered in the column header. If it is not explicitly declared the value of the `Field` will be rendered. |
-| `HeaderTemplate` | `RenderFragment` | The HeaderTemplate allows you to control the rendering of the column's header cell. Read more in the [Templates]({%slug multicolumncombobox-templates%}#headertemplate) article. |
-| `Template` | `RenderFragment<object>` | The Template allows you to control the rendering of the column's cells. Read more in the [Templates]({%slug multicolumncombobox-templates%}#template) article. |
+| `HeaderTemplate` | `RenderFragment` | The HeaderTemplate allows you to control the rendering of the column's header cell. Read more in the [Templates]({%slug multicolumncombobox-columns-templates%}#headertemplate ) article. |
+| `Template` | `RenderFragment<object>` | The Template allows you to control the rendering of the column's cells. Read more in the [Templates]({%slug multicolumncombobox-columns-templates%}#template) article. |
 
 >caption MultiColumnComboBoxColumn with its features
 
diff --git a/components/multicolumncombobox/events.md b/components/multicolumncombobox/events.md
@@ -110,8 +110,6 @@ The `OnChange` event represents a user action - confirmation of the current valu
 * `OnChange` does not prevent two-way binding (the `@bind-Value` syntax)
 * `OnChange` fires when the user presses `Enter` in the input, or blurs the input (for example, clicks outside of the combo box). It does not fire on every keystroke, even when `AllowCustom="true"`, but it fires when an item is selected from the dropdown. To get the selected item, you can check if the new value is present in the data source.
 
-See the [MultiColumnComboBox Overview - Selected Item]({%slug multicolumncombobox-overview%}#selected-item) article for details on when the event fires and how item selection and `Value` work.
-
 >caption Handle OnChange without custom values - to get a value from the list, you must write text that will match the text of an item (e.g, "item 5").
 
 ````CSHTML
diff --git a/components/multicolumncombobox/filter.md b/components/multicolumncombobox/filter.md
@@ -22,7 +22,7 @@ The default filter operator is `starts with`. You can choose a different operato
 
 ## Performance
 
-By default, the filtering is debounced with 150ms. Configure that with the [`DebounceDelay`]({%slug multicolumncombobox-overview%}#parameters) parameter of the component.
+By default, the filtering is debounced with 150ms. Configure that with the [`DebounceDelay`]({%slug multicolumncombobox-overview%}#multicolumncombobox-parameters) parameter of the component.
 
 ## Filtering Example
 
diff --git a/components/notification/open-close-hide.md b/components/notification/open-close-hide.md
@@ -17,8 +17,8 @@ This article explains how to open, close and hide the Notification component. Fo
     * [Use Only the Text and ThemeColor Properties](#use-only-the-text-and-themecolor-properties)
     * [Pass a NotificationModel to the Method](#pass-a-notificationmodel-to-the-method)
 * [Close and Hide](#close-and-hide)
-    * [Automatically Closing Notification](#automatically-closing-notification)
-    * [Manually Closing Notification](#manually-closing-notification)
+    * [Automatically Closing a Notification](#automatically-closing-a-notification)
+    * [Manually Closing a Notification](#manually-closing-a-notification)
 
 ## Open
 
@@ -54,7 +54,7 @@ If you do not need to customize the [closing](#close-and-hide) or the icon of th
 
 ### Pass a NotificationModel to the Method
 
-You can pass the entire [NotificationModel]({%slug notification-overview%}#notificationmodel-class) to provide detailed information for the component - whether it should be closable or specify the icon. 
+You can pass the entire [NotificationModel]({%slug notification-overview%}#notificationmodel-class-properties) to provide detailed information for the component - whether it should be closable or specify the icon. 
 
 ````CSHTML
 @* You can pass the entire NotificationModel with all its features for complete control over the message settings *@
@@ -91,9 +91,9 @@ There are two separate ways to close a notification:
 * [Automatically Closing Notification](#automatically-closing-notification)
 * [Manually Closing a Notification](#manually-closing-a-notification)
 
-### Automatically Closing Notification
+### Automatically Closing a Notification
 
-By default each notification is an automatically closing one. You can define the time it stays visible by adjusting the `CloseAfter` parameter of the [NotificationModel]({%slug notification-overview%}#notificationmodel-class). It defaults to `5000ms`.
+By default each notification is an automatically closing one. You can define the time it stays visible by adjusting the `CloseAfter` parameter of the [NotificationModel]({%slug notification-overview%}#notificationmodel-class-properties). It defaults to `5000ms`.
 
 You can also let the user dismiss a notification message before that timer elapses through a closing button by setting the `Closable` parameter of the `NotificationModel` to `true` (its default value).
 
diff --git a/components/scheduler/resources.md b/components/scheduler/resources.md
@@ -48,7 +48,7 @@ To use resources:
 
 ## Examples
 
-The examples below showcase [single resource](#one-resource) and [multiple resources](#multiple-resource) respectively. For brevity, they use hardcoded data, but you can populate the corresponding collections dynamically from your actual data service, and you can also use `async` methods to do so (our [live demo](https://demos.telerik.com/blazor-ui/scheduler/resources) shows an example of that).
+The examples below showcase [single resource](#one-resource) and [multiple resources](#multiple-resources) respectively. For brevity, they use hardcoded data, but you can populate the corresponding collections dynamically from your actual data service, and you can also use `async` methods to do so (our [live demo](https://demos.telerik.com/blazor-ui/scheduler/resources) shows an example of that).
 
 >tip The examples below hardcode the resource collections for brevity. In a real case you might be fetching them from asynchronous API. If so, initialize the resource collections to avoid null references while the scheduler is initializing, something like `List<SchedulerResource> Managers { get; set; } = new List<SchedulerResource>();`.
 
diff --git a/components/splitter/events.md b/components/splitter/events.md
@@ -18,7 +18,7 @@ This article explains the events available in the Telerik Splitter for Blazor:
     * [OnResize](#onresize)
 * Pane
     * [SizeChanged](#sizechanged)
-    * [CollapsedChanged](#collapsed-changed)
+    * [CollapsedChanged](#collapsedchanged)
 
 ## OnCollapse
 
diff --git a/components/stepper/steps/overview.md b/components/stepper/steps/overview.md
@@ -17,7 +17,7 @@ The whole rendering of the steps can also be customized with a [Step Template]({
 >caption In this article:
 
 * [Step Parameters](#step-parameters)
-* [Steps Example](#steps-example)
+* [Steps Declaration](#steps-declaration)
 
 ## Step Parameters
 
diff --git a/components/stepper/steps/validation.md b/components/stepper/steps/validation.md
@@ -21,8 +21,8 @@ Depending on the [display mode]({%slug stepper-display-modes%}) the Stepper is u
 
 In this article:
 
-* [Validation in Stepper with Display mode: Steps](#validation-in-stepper-with-display-mode:-steps)
-* [Validation in Stepper with Display mode: Labels](#validation-in-stepper-with-display-mode:-labels)
+* [Validation in Stepper with Display mode: Steps](#validation-in-stepper-with-display-mode-steps)
+* [Validation in Stepper with Display mode: Labels](#validation-in-stepper-with-display-mode-labels)
 
 ## Validation in Stepper with Display mode: Steps
 
diff --git a/components/textbox/overview.md b/components/textbox/overview.md
@@ -12,7 +12,7 @@ position: 0
 
 The <a href="https://www.telerik.com/blazor-ui/textbox" target="_blank">Blazor TextBox component</a> allows the user to enter a generic plain text message. 
 
-You can control [various attributes](#features) of the `input` element and turn the TextBox into a password box, for example. You can also configure this component to respond to [events]({%slug components/textbox/events%}).
+You can control [various attributes](#textbox-parameters) of the `input` element and turn the TextBox into a password box, for example. You can also configure this component to respond to [events]({%slug components/textbox/events%}).
 
 ## Creating Blazor TextBox
 
diff --git a/components/tilelayout/reorder.md b/components/tilelayout/reorder.md
@@ -14,7 +14,7 @@ You can rearrange the tiles in the tile layout by a simple drag-and-drop of thei
 
 To enable reordering, set the `Reorderable` parameter of the main `TelerikTileLayout` tag to `true`.
 
-To be able to drag and reorder a tile, it must have some [content]({%slug tilelayout-overview%}#tile-contents) in its header.
+To be able to drag and reorder a tile, it must have some [content]({%slug tilelayout-tile-content%}) in its header.
 
 @[template](/_contentTemplates/tilelayout/basics.md#resizing-reordering-logic)
 
diff --git a/components/tooltip/template.md b/components/tooltip/template.md
@@ -18,7 +18,7 @@ The tooltip metadata is available from the the `context` object, in the followin
 
 This article contains the following examples for generating the tooltip content:
 
-* [Markup generated in the template](#basic-example---inline-markup). Shows how you can access the metadata.
+* [Markup generated in the template](#basic-example-inline-markup). Shows how you can access the metadata.
 
 * [Markup generated from a string through a method](#markup-from-generated-string). Shows how you can loop over all the keys in the metadata and render markup from a function call.
 
diff --git a/knowledge-base/grid-filter-edit-enum.md b/knowledge-base/grid-filter-edit-enum.md
@@ -27,7 +27,7 @@ If I'm filtering a column containing enum values I expect a dropdown of availabl
 
 ## Solution
 
-For versions prior to `2.15.0`, you could use a [custom editor template]({%slug components/grid/features/templates%}#edit-template) and put a [dropdown bound to the enum]({%slug dropdown-kb-bind-to-enum%}) in it. Filtering, however, was based on the numerical values of the enum.
+For versions prior to `2.15.0`, you could use a [custom editor template]({%slug grid-templates-editor%}) and put a [dropdown bound to the enum]({%slug dropdown-kb-bind-to-enum%}) in it. Filtering, however, was based on the numerical values of the enum.
 
 As of **2.15.0**, the grid provides enum filtering and editing through dropdowns out-of-the-box without any additional code.
 
diff --git a/knowledge-base/grid-multiselect-editor.md b/knowledge-base/grid-multiselect-editor.md
@@ -198,5 +198,5 @@ Add the [Multi Select component]({%slug multiselect-overview%}) to the [EditorTe
     * A grid column cannot use a collection for its `Field`.
     * The built-in grid operations (such as filtering and sorting) are available only for columns with a defined `Field`.
 * This example uses an approach where a foreign key denotes the actual data, but the MultiSelet editor uses a collection of specific data to present it to users in a meaningful way. You can find more detailed examples of handling that in the  [ForeignKey column]({%slug grids-foreign-key%}) article.
-    * The MultiSelect works with certain value types only, and not with entire models, see more in the [MultiSelect - Data Binding]({%slug multiselect-databind%}) article and in the [MultiSelect - Overview - Features]({%slug multiselect-overview%}#features) section (see the `TValue` notes).
+    * The MultiSelect works with certain value types only, and not with entire models, see more in the [MultiSelect - Data Binding]({%slug multiselect-databind%}) article and in the [MultiSelect - Overview - Parameters]({%slug multiselect-overview%}#parameters) section (see the `TValue` notes).
 
diff --git a/knowledge-base/inputs-handle-keyboard-events.md b/knowledge-base/inputs-handle-keyboard-events.md
diff --git a/knowledge-base/listbox-checkbox-selection.md b/knowledge-base/listbox-checkbox-selection.md
diff --git a/knowledge-base/radiogroup-inline-style.md b/knowledge-base/radiogroup-inline-style.md
diff --git a/knowledge-base/textbox-empty-value-on-autofill.md b/knowledge-base/textbox-empty-value-on-autofill.md
