chore(common): fix no language errors

Author: ntacheva

common-features/loading-sign.md

@@ -78,7 +78,7 @@ Thus, to show a loading indicator during the initial data load, you can do eithe
 >caption Loading Sign for the initial data load - a few examples
 
 <div class="skip-repl"></div>
-````Grid
+````RAZOR Grid
 This sample shows only an indicator for the initial data load, only the DELETE operation is slowed down so you can see a loading sign.
 
 <div style="position: relative; width:100%; min-height: 400px;">
@@ -145,7 +145,7 @@ This sample shows only an indicator for the initial data load, only the DELETE o
     }
 }
 ````
-````Scheduler
+````RAZOR Scheduler
 This sample shows only an indicator for the initial data load, only the DELETE operation is slowed down so you can see a loading sign.
 
 <div style="position: relative; width:100%; min-height: 600px;">
@@ -252,7 +252,7 @@ This sample shows only an indicator for the initial data load, only the DELETE o
     }
 }
 ````
-````TreeView
+````RAZOR TreeView
 This sample shows a loading panel over the treeview container (tweak as required by your layout and design) in addition to the loading indicators the treeview provides while loading data on demand.
 
 <div style="position: relative; width:100%; min-height: 400px;">

components/filter/integration.md

@@ -25,14 +25,12 @@ This article contains the following sections:
 
 **To integrate the Filter with the Telerik Grid, you need to:**
 
-1. Set the Value parameter of the Filter via [one-way]({%slug filter-events%}#valuechanged) or two-way binding.
+1. Set the Value parameter of the Filter via [one-way]({%slug filter-events%}#valuechanged) or two-way binding. If you want to filter at the moment of change, use Filter with a one-way bound value.
 2. Update the Grid data based on the Filter value.
 
->caption Filter with two-way bound value in Grid. If you want to filter at the moment of change, use Filter with a one-way bound value.
+>caption Filter with two-way bound value in Grid
 
-<div class="skip-repl"></div>
-
-````Two-way
+````RAZOR
 @using Telerik.DataSource;
 @using Telerik.DataSource.Extensions;
 
@@ -108,76 +106,7 @@ This article contains the following sections:
     }
 }
 ````
-````One-way
-@using Telerik.DataSource;
-@using Telerik.DataSource.Extensions;
-
-<TelerikFilter ValueChanged="@OnValueChanged">
-    <FilterFields>
-        <FilterField Name="@(nameof(Person.EmployeeId))" Type="@(typeof(int))" Label="Id"></FilterField>
-        <FilterField Name="@(nameof(Person.Name))" Type="@(typeof(string))" Label="First Name"></FilterField>
-        <FilterField Name="@(nameof(Person.AgeInYears))" Type="@(typeof(int))" Label="Age"></FilterField>
-        <FilterField Name="@(nameof(Person.IsOutOfOffice))" Type="@(typeof(bool))" Label="Out Of Office"></FilterField>
-    </FilterFields>
-</TelerikFilter>
-
-<TelerikGrid Data="@GridData"
-             Height="400px"
-             Pageable="true"
-             Sortable="true"
-             Groupable="true">
-    <GridColumns>
-        <GridColumn Field="@(nameof(Person.EmployeeId))" />
-        <GridColumn Field="@(nameof(Person.Name))" Title="Name" />
-        <GridColumn Field="@(nameof(Person.AgeInYears))" Title="Age" />
-        <GridColumn Field="@(nameof(Person.IsOutOfOffice))" Title="Out Of Office" />
-    </GridColumns>
-</TelerikGrid>
-
-@code {
-    public IEnumerable<Person> InitialData { get; set; }
-    public IEnumerable<Person> GridData { get; set; }
-
-    private void OnValueChanged(CompositeFilterDescriptor filter)
-    {
-        var dataSourceRequest = new DataSourceRequest { Filters = new List<IFilterDescriptor>{ filter } };
-
-        var datasourceResult = InitialData.ToDataSourceResult(dataSourceRequest);
 
-        GridData = datasourceResult.Data.Cast<Person>().ToList();
-    }
-
-    protected override void OnInitialized()
-    {
-        LoadData();
-        base.OnInitialized();
-    }
-
-    void LoadData()
-    {
-        InitialData = Enumerable.Range(1, 100).Select(x => new Person
-        {
-            EmployeeId = x,
-            Name = "name " + x,
-            AgeInYears = x * 2,
-            IsOutOfOffice = x % 2 == 0
-        });
-
-        GridData = new List<Person>(InitialData);
-    }
-
-    public class Person
-    {
-        public int EmployeeId { get; set; }
-
-        public string Name { get; set; }
-
-        public int AgeInYears { get; set; }
-
-        public bool IsOutOfOffice { get; set; }
-    }
-}
-````
 >caption The result from the above code snippet.
 
 ![Blazor Filter Grid Integration](images/filter-grid-integration.gif)
@@ -189,7 +118,7 @@ This article contains the following sections:
 1. Set the Value parameter of the Filter via one-way or two-way binding.
 2. Update the TreeView data based on the Filter value.
 
->caption Use Filter in TreeView.
+>caption Use Filter in TreeView
 
 ````CSHTML
 @using Telerik.DataSource
@@ -337,7 +266,7 @@ This article contains the following sections:
 1. Set the Value parameter of the Filter via one-way or two-way binding.
 2. Update the TreeList data based on the Filter value.
 
->caption Use Filter in TreeList.
+>caption Use Filter in TreeList
 
 ````CSHTML
 @using Telerik.DataSource

components/tabstrip/scrollable-tabs.md

@@ -14,10 +14,9 @@ If the TabStrip dimensions exceed the width or height of the page, a browser-lev
 
 To scroll the tabs only, set the `Scrollable` bool parameter of the TabStrip to `true` (defaults to `false`). You should also set the `Width` (for tabs with [Position]({%slug tabstrip-tabs-position%}) set to top and bottom) and `Height` (for tabs with [Position]({%slug tabstrip-tabs-position%}) set to left and right) to achieve the desired behavior.
 
->caption Scroll the tabs only
+>caption Horizontal Scrolling
 
-<div class="skip-repl"></div>
-````HorizontalScrolling
+````RAZOR
 <TelerikTabStrip Scrollable="true"
                  Width="300px"
                  TabPosition="Telerik.Blazor.TabPosition.Top">
@@ -31,10 +30,13 @@ To scroll the tabs only, set the `Scrollable` bool parameter of the TabStrip to
     }
 </TelerikTabStrip>
 ````
-````VerticalScrolling
+
+>caption Vertical Scrolling
+
+````RAZOR
 <TelerikTabStrip Scrollable="true"
-                 Width="300px"
-                 TabPosition="Telerik.Blazor.TabPosition.Top">
+                 Height="200px"
+                 TabPosition="Telerik.Blazor.TabPosition.Left">
     @{
         for (int i = 0; i < 10; i++)
         {

components/tooltip/template.md

@@ -102,7 +102,7 @@ This example shows how you can use a standalone component to generate the toolti
 >caption Generate tooltip content through a separate component
 
 <div class="skip-repl"></div>
-````MainComponent
+````RAZOR MainComponent
 @* Tip: set dimensions that will accommodate the data/content you fetch/generate
     to avoid sizing and/or positioning issues when the new content is rendered *@
 
@@ -120,7 +120,7 @@ This example shows how you can use a standalone component to generate the toolti
     and even a <strong class="target">third target</strong>.
 </p>
 ````
-````TooltipContentComponent
+````RAZOR TooltipContentComponent
 @* You can apply more styling, add different content or more components
     This example showcases the concept, you can modify it to match you needs.
     Using the OnParametersSet event and loading data on demand is not required *@

knowledge-base/common-stack-grid-layout.md

@@ -50,7 +50,7 @@ To do a grid layout, the easiest approach is to use a CSS Grid. For example:
 ![Basic Grid Layout](images/grid-layout-basics.png)
 
 <div class="skip-repl"></div>
-````Blazor
+````RAZOR Blazor
 <style>
     .main-layout {
         /*display arrangement*/
@@ -75,7 +75,7 @@ To do a grid layout, the easiest approach is to use a CSS Grid. For example:
     <div>Column 2, row 2:<br /> 5 fractions wide, 1 tall</div>
 </div>
 ````
-````XAML
+````XML XAML
 <Grid>
     <Grid.ColumnDefinitions>
         <ColumnDefinition Width="3*"/>
@@ -95,7 +95,7 @@ To create a stack layout, you can use CSS Flexbox. For example:
 ![Basic Stack Layout](images/stack-layout-basics.png)
 
 <div class="skip-repl"></div>
-````Blazor
+````RAZOR Blazor
 <style>
     /*vertial - first example*/
     .stack-vertical {
@@ -135,7 +135,7 @@ To create a stack layout, you can use CSS Flexbox. For example:
     <p>Feels like: 63&deg;</p>
 </div>
 ````
-````XAML
+````XML XAML
 <StackPanel Grid.Column="1" Margin="40,0,0,0" VerticalAlignment="Center">
     <TextBlock Foreground="White" FontSize="25" Text="Today - 64° F"/>
     <TextBlock Foreground="White" FontSize="25" Text="Partially Cloudy"/>