chore(Gantt): fix snippets and skip repl

Author: ntacheva

components/contextmenu/refresh-data.md

@@ -96,7 +96,7 @@ In this article:
             },
             new MenuModel()
             {
-                Text = "Wrench Icon,
+                Text = "Wrench Icon",
                 Icon = SvgIcon.Wrench,
             },
             new MenuModel()

components/dialog/header.md

@@ -33,9 +33,9 @@ The following example demonstrates how to set up the title through a template. T
 
 <TelerikDialog @bind-Visible="@Visible" ShowCloseButton="false">
     <DialogTitle>
-        <TelerikSvgIcon IconClass="k-icon k-i-caret-double-alt-up"></TelerikSvgIcon>
+        <TelerikSvgIcon Icon="@SvgIcon.CaretDoubleAltUp"></TelerikSvgIcon>
         <strong>@Title</strong>
-        <TelerikSvgIcon IconClass="k-icon k-i-caret-double-alt-up"></TelerikSvgIcon>
+        <TelerikSvgIcon Icon="@SvgIcon.CaretDoubleAltUp"></TelerikSvgIcon>
     </DialogTitle>
     <DialogContent>
         A new version of <strong>Telerik UI for Blazor</strong> is available. Would you like to download and install it now?

components/filemanager/overview.md

@@ -367,6 +367,7 @@ The available FileManager methods are:
 
 * `Rebind` - refreshes the FileManager data.
 
+<div class="skip-repl"></div>
 ````CSHTML
 <TelerikFileManager Data="@Data"
                     @ref="@FileManagerRef" />

components/form/validation.md

@@ -158,6 +158,7 @@ You can use the <a href="https://learn.microsoft.com/en-us/aspnet/core/blazor/fo
 
 When using a model with nested objects and fields, specify their `Field` settings as a dot-separate string, do *not* use the `nameof` operator, it does not return the full name of the model.
 
+<div class="skip-repl"></div>
 ````CSHTML
 @using System.Dynamic
 @using System.ComponentModel.DataAnnotations
@@ -231,10 +232,10 @@ You can use third-party validation libraries that integrate with the standard `E
 
 >note Such third party tools are not included with the Telerik UI for Blazor package. Your project must reference their NuGet packages explicitly. The code snippet below will not run unless you install the an appropriate package first. You can find some in <a href="https://docs.fluentvalidation.net/en/latest/blazor.html" target="_blank">their official documentation</a>.
 
-<div class="skip-repl"></div>
 
 >caption Using FluentValidation
 
+<div class="skip-repl"></div>
 ````CSHTML
 @using Microsoft.AspNetCore.Components.Forms
 @using FluentValidation

components/gantt/gantt-tree/columns/command.md

@@ -69,6 +69,7 @@ The command column provides access to the data item via `context`. This may be u
 
 Use a **named** context variable to avoid errors when nesting components or `RenderFragment`s in general. In such cases, the exception will be similar to ["Child content element ... uses the same parameter name ('context') as enclosing child content element ..."]({%slug nest-renderfragment%}).
 
+<div class="skip-repl"></div>
 ````CSHTML
         <GanttCommandColumn Context="currTask">
             @{

components/gantt/gantt-tree/columns/menu.md

@@ -52,7 +52,7 @@ To disable the Column Menu for a specific column in the Gantt, set the `ShowColu
     <GanttColumns>
         <GanttColumn Field="@nameof(FlatModel.Title)" ShowColumnMenu="false">
         </GanttColumn>
-        <GanttColumn Field="@nameof(FlatModel.PercentComplete)"
+        <GanttColumn Field="@nameof(FlatModel.PercentComplete)">
         </GanttColumn>
         <GanttColumn Field="@nameof(FlatModel.Start)">
         </GanttColumn>

components/gantt/gantt-tree/editing/popup.md

@@ -226,7 +226,7 @@ The `GanttDependencyDescriptor` exposes four fields that describe the mutated de
                 Id = LastDependencyId++,
                 PredecessorId = (int)args.PredecessorId,
                 SuccessorId = (int)args.SuccessorId,
-                Type = args.Type
+                Type = (int)args.Type
             };
 
         Dependencies.Add(dependency);
@@ -306,7 +306,7 @@ The `GanttDependencyDescriptor` exposes four fields that describe the mutated de
                     Id = LastDependencyId++,
                     PredecessorId = (int)x.PredecessorId,
                     SuccessorId = (int)x.SuccessorId,
-                    Type = x.Type
+                    Type = (int)x.Type
                 };
 
             Dependencies.Add(dependency);
@@ -319,7 +319,7 @@ The `GanttDependencyDescriptor` exposes four fields that describe the mutated de
 
             dependency.SuccessorId = (int)x.SuccessorId;
             dependency.PredecessorId = (int)x.PredecessorId;
-            dependency.Type = x.Type;
+            dependency.Type = (int)x.Type;
 
         });
 
@@ -331,7 +331,7 @@ The `GanttDependencyDescriptor` exposes four fields that describe the mutated de
             Dependencies.Remove(dependency);
         });
 
-        DependencyModel GetDependencyDataItemByDescriptor(DependencyDescriptor descriptor)
+        DependencyModel GetDependencyDataItemByDescriptor(GanttDependencyDescriptor descriptor)
         {
             return Dependencies.FirstOrDefault(dep => dep.Id == (descriptor.DataItem as DependencyModel).Id);
         }

components/gantt/gantt-tree/filter/filter-menu.md

@@ -30,8 +30,8 @@ A key difference in the behavior from the [filter row]({%slug gantt-filter-row%}
 ````CSHTML
 @* Filter menu in the column header *@
 
-<<TelerikGantt Data="@Data"
-              Width="100%"
+<TelerikGantt Data="@Data"
+              Width="900px"
               Height="600px"
               IdField="Id"
               FilterMode="@GanttFilterMode.FilterMenu"

components/gantt/gantt-tree/templates/popup-form-template.md

@@ -196,7 +196,7 @@ You can use the `Context` attribute of the `<FormTemplate>` tag to set the name
                 Id = LastDependencyId++,
                 PredecessorId = (int)args.PredecessorId,
                 SuccessorId = (int)args.SuccessorId,
-                Type = args.Type
+                Type = (int)args.Type
             };
 
         Dependencies.Add(dependency);

components/gantt/overview.md

@@ -221,6 +221,7 @@ The table below lists the Gantt methods. Also consult the [Gantt API](/blazor-ui
 | --- | --- |
 | `Rebind` | [Refreshes the component data]({%slug gantt-refresh-data%}#rebind-method). |
 
+<div class="skip-repl"></div>
 ````CSHTML
 <TelerikGantt @ref="@GanttRef" .../>