docs(Common): Fix incorrect anchors (#3183)

Author: dimodi

common-features/icons.md

@@ -13,7 +13,7 @@ position: 20
 
 Telerik UI for Blazor provides a large set of built-in icons. There are two ways to consume and render them: as font icons or as SVG icons. It is also possible to use custom Blazor icons, or define an application-wide setting, which affects the type of icons in all Telerik Blazor components.
 
-The Telerik Blazor components generate the same type of icons (font icons or SVG icons), [depending on the `TelerikRootComponent` configuration](#set-global-icon-type). However, Telerik UI for Blazor includes standalone [`FontIcon`](#fonticon-component) and [`SvgIcon`](#svgicon-component) components, which can be used at the same time.
+The Telerik Blazor components generate the same type of icons (font icons or SVG icons), [depending on the `TelerikRootComponent` configuration](#set-global-blazor-icon-type). However, Telerik UI for Blazor includes standalone [`FontIcon`](#fonticon-component) and [`SvgIcon`](#svgicon-component) components, which can be used at the same time.
 
 In general, font icons produce a smaller HTML footprint and the glyph can be overridden with CSS. SVG icons provide better accessibility and can use multiple colors in a single icon.
 

components/autocomplete/data-bind.md

@@ -19,8 +19,6 @@ There are two key ways to bind data:
 * [Strings and Value Types](#strings-and-value-types)
 * [Model](#bind-to-a-model)
 
-There are also some [considerations](#considerations) to keep in mind.
-
 @[template](/_contentTemplates/common/get-model-from-dropdowns.md#get-model-from-dropdowns)
 
 ## Strings and Value Types

components/barcodes/qrcode/overview.md

@@ -55,7 +55,7 @@ The Blazor Barcode provides various parameters that allow you to configure the c
 | `QRCodeEncoding` | `enum` | The encoding mode used to encode the value. |
 | `QRCodeErrorCorrection` | `enum` | The error correction level used to encode the value. |
 | `Value` | `string` | Defines the initial value of the QRCode. |
-| `Size` | `string` | Specifies the size (`Width` and `Height`) of a QR code in pixels (i.e. "200px") as the QRCode is a square. You can read more details for the dimension properties in the [Dimensions article](slug:common-features/dimensions). Setting both `Size` and `Width` and/or `Height` will throw an error. Setting different values to `Width` and `Height` will also cause an issue. To set an optimal `Size`, consider the expected scanning distance and data capacity. |
+| `Size` | `string` | Specifies the size (`Width` and `Height`) of a QR code in pixels (i.e. "200px") as the QRCode is a square. You can read more details for the dimension properties in the [Dimensions article](slug:common-features/dimensions). Setting both `Size` and `Width` or `Height` will throw an error. Setting different values to `Width` and `Height` will also cause an issue. To set an optimal `Size`, consider the expected scanning distance and data capacity. |
 | `Width` | `string` | Sets the width of the QRCode. If `Height` is set and the `Size` property is not set, the same value as `Width` should be set to `Height`. |
 | `Height` | `string` | Sets the height of the QRCode. If `Height` is set and the `Size` property is not set, the same value as `Height` should be set to `Width`. |
 | `Class` | `string` | The CSS class that will be rendered on the main wrapping element of the QRCode component. |

components/chart/multiple-axes.md

@@ -36,14 +36,14 @@ The way multiple axes are declared depends on the [chart series type](slug:compo
 
 ### Categorical Charts
 
-1. Define the extra axis in the corresponding `ChartCategoryAxes` and/or `ChartValueAxes` tags.
+1. Define the extra axis in the corresponding `ChartCategoryAxes` or `ChartValueAxes` tags.
 2. Set its `Name` property as desired. By default, a series uses the first axis.
 3. Provide the `Name` value to the series you want to use it through its `Axis` and `CategoryAxis` for the `Y` and `X` axis respectively.
 
 
 ### Numerical Charts
 
-1. Define the extra axis in the corresponding `ChartXAxes` and/or `ChartYAxes` tags.
+1. Define the extra axis in the corresponding `ChartXAxes` or `ChartYAxes` tags.
 2. Set its `Name` property as desired. By default, a series uses the first axis.
 3. Provide the `Name` value to the series you want to use it through its `yAxis` and `xAxis` properties.
 

components/contextmenu/integration.md

@@ -265,7 +265,7 @@ In this example, the context menu is used to select/deselect items, put an item
             // such as put a row in edit mode or select it
             switch (item.CommandName)
             {
-                case "BeginEdit": // read more at https://docs.telerik.com/blazor-ui/components/grid/state#initiate-editing-or-inserting-of-an-item
+                case "BeginEdit": // read more at https://www.telerik.com/blazor-ui/documentation/knowledge-base/grid-add-edit-state
                     var currState = GridRef.GetState();
                     currState.InsertedItem = null;
                     SampleData itemToEdit = SampleData.GetClonedInstance(GridData.Where(itm => itm.ID == SelectedPerson.ID).FirstOrDefault());

components/diagram/overview.md

@@ -261,7 +261,7 @@ As a rule of thumb, the Diagram markup follows these naming conventions:
 
 The [Blazor Diagram component exposes methods](slug:Telerik.Blazor.Components.TelerikDiagram#methods) for programmatic operation. To use them, define a reference to the component instance with the `@ref` directive attribute. Blazor populates component references in `OnAfterRenderAsync`, so they are not available earier.
 
-See a full example in section [Create Diagram from JSON](#create-diagram-from-json) above.
+See a full example in section [Create Diagram from JSON](#define-shapes-and-connections-in-json) above.
 
 >caption Using the Diagram reference
 

components/filemanager/overview.md

@@ -336,7 +336,7 @@ The following list of resources provides details and examples for data binding a
 
 * Using hierarchical data source with item collections nested in each item - [Bind FileManager to Hierarchical Data](slug:filemanager-data-binding-hierarchical-data).
 
-* Handling the `OnRead` event to provide only the current folder data - [FileManager `OnRead`](slug:filemanager-events#read-event).
+* Handling the `OnRead` event to provide only the current folder data - [FileManager `OnRead`](slug:filemanager-events#onread).
 
 ## Views
 

components/gantt/state.md

@@ -102,19 +102,12 @@ The following information is present in the Gantt state:
 
 You can find the following examples in this section:
 
-- [Gantt State](#gantt-state)
-  - [Basics](#basics)
-    - [Events](#events)
-    - [Methods](#methods)
-  - [Information in the Gantt State](#information-in-the-gantt-state)
-  - [Examples](#examples)
-    - [Set Default (Initial) State](#set-default-initial-state)
-    - [Save and Load Gantt State from Browser LocalStorage](#save-and-load-gantt-state-from-browser-localstorage)
-    - [Set Gantt Options Through State](#set-gantt-options-through-state)
-    - [Get and Override User Action That Changes The Gantt](#get-and-override-user-action-that-changes-the-gantt)
-    - [Initiate Editing or Inserting of an Item](#initiate-editing-or-inserting-of-an-item)
-    - [Get Current Columns Visibility, Order, Field](#get-current-columns-visibility-order-field)
-  - [See Also](#see-also)
+- [Set Default (Initial) State](#set-default-initial-state)
+- [Save and Load Gantt State from Browser LocalStorage](#save-and-load-gantt-state-from-browser-localstorage)
+- [Set Gantt Options Through State](#set-gantt-options-through-state)
+- [Get and Override User Action That Changes The Gantt](#get-and-override-user-action-that-changes-the-gantt)
+- [Initiate Editing or Inserting of an Item](#initiate-editing-or-inserting-of-an-item)
+- [Get Current Columns Visibility, Order, Field](#get-current-columns-visibility-order-field)
 
 ### Set Default (Initial) State
 

components/grid/columns/width.md

@@ -54,7 +54,7 @@ The Grid column width settings can vary and result in the following behaviors:
     </tr>
 </table>
 
-To allow the users to adjust or auto-fit the column widths to the content, enable [Grid column resizing](slug:components/grid/columns/resize). You can also [resize columns through the Grid state](slug:grid-state#setstateasync) or [auto-fit columns programmatically](slug:components/grid/columns/resize#autofit-columns).
+To allow the users to adjust or auto-fit the column widths to the content, enable [Grid column resizing](slug:components/grid/columns/resize). You can also [resize columns through the Grid state](slug:grid-state#methods) or [auto-fit columns programmatically](slug:components/grid/columns/resize#autofit-columns).
 
 > Single table rendering and automatic table layout are not supported.
 

components/grid/editing/overview.md

@@ -150,7 +150,7 @@ All events in the [Events table](#events), except `OnModelInit`, provide a [`Gri
 | Property Name | Type | Description |
 | --- | --- | --- |
 | `Field` | `string` | The [column `Field` name](slug:components/grid/columns/bound#data-binding). Applicable only for [in-cell edit mode](slug:grid-editing-incell). |
-| `IsCancelled` | `bool` | Defines if the user action should be prevented. See the [Comparison table](#comparison) below for details. |
+| `IsCancelled` | `bool` | Defines if the user action should be prevented. See the [Events table](#events) for details. |
 | `IsNew` | `bool` | Defines if `Item` is a newly added row or an existing row. |
 | `Item` | `object` | The data item, which the user is adding, deleting, or editing. Cast it to the Grid model type. |
 | `Value` | `object` | The data item value, which the user is editing. You can cast it to the correct type, based on the `Field`. Applicable only for [in-cell edit mode](slug:grid-editing-incell). |