config(EJ2-26673): commit for samples updation

ej2-blazor-samples/Pages/Buttons/Button/ButtonGroup.razor

@@ -153,8 +153,4 @@
             overflow-y: scroll;
         }
     }
-</style>
-
-@functions{
-
-}
+</style>

ej2-blazor-samples/Pages/Buttons/Button/CheckBox.razor

@@ -89,7 +89,3 @@
         margin: 20px 0;
     }
 </style>
-
-@functions{
-
-}

ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor

@@ -2,7 +2,6 @@
 
 @using Syncfusion.EJ2.RazorComponents.SplitButtons
 
-
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{

ej2-blazor-samples/Pages/Buttons/Button/RadioButton.razor

@@ -83,8 +83,4 @@
     .e-bigger .radio-control h4 {
         font-size: 20px;
     }
-</style>
-
-@functions{
-
-}
+</style>

ej2-blazor-samples/Pages/Buttons/Button/Switch.razor

@@ -95,7 +95,3 @@
         pointer-events: none;
     }
 </style>
-
-@functions{
-
-}

ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor

@@ -42,6 +42,6 @@
 </style>
 
 @functions{
-    public DateTime minDate {get;set;} = new DateTime(DateTime.Now.Year,DateTime.Now.Month,05);
-    public DateTime maxDate {get;set;} = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 27);
+    public DateTime minDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 05);
+    public DateTime maxDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 27);
 }

ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor

@@ -1,7 +1,7 @@
 @page "/DateRangePicker/Format"
 
-@using Syncfusion.EJ2.RazorComponents.Calendars;
-@using System;
+@using Syncfusion.EJ2.RazorComponents.Calendars
+@using System
 
 @*Hidden:Lines*@
 @using ej2_blazor_samples
@@ -46,6 +46,6 @@
 </style>
 
 @functions{
-    public DateTime start { get; set; } = DateTime.Now;
-    public DateTime end { get; set; } = DateTime.Now.AddDays(20);
+    public DateTime start {get;set;} = DateTime.Now;
+    public DateTime end {get;set;} = DateTime.Now.AddDays(20);
 }

ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.razor

@@ -28,7 +28,8 @@
 @*End:Hidden*@
 
 <div class="control-section">
-    <EjsStockChart id="stockChart" title="AAPL Stock Price" series="@seriesData" primaryXAxis="@xAxis" primaryYAxis="@yAxis" tooltip="@tooltip" dataSource="@data" enableSelector="false">
+    <EjsStockChart id="stockChart" title="AAPL Stock Price" series="@seriesData" primaryXAxis="@xAxis" 
+    primaryYAxis="@yAxis" tooltip="@tooltip" dataSource="@data" periods="@periods" enableSelector="false">
     </EjsStockChart>
 </div>
 
@@ -70,19 +71,23 @@
 
     public List<object> data { get; set; } = new List<object> {
 
-            new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28 },
-            new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44 },
-            new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48 },
-            new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50 },
-            new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66 },
-            new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78 },
-            new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84 },
+            new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28, open = 85.9757, high = 90.6657, low = 85.7685, close = 90.5257 },
+            new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44, open = 89.4471, high = 92, low = 86.2157, close = 86.4614 },
+            new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48, open = 87.1514, high = 88.6071,low = 81.4885,close = 81.8543 },
+            new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50, open = 81.5157, high = 88.2857, low = 79.2857,close = 86.1428 },
+            new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66, open = 80.2143, high = 82.2685,low = 79.8185,close = 80.9585 },
+            new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78, open = 80.3671, high = 81.0728,low = 74.5971,close = 75.7685 },
+            new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84, open = 76.3571, high = 82.3571,low = 76.2928,close = 80.3271}
         };
 
     public class LineChartData
     {
         public DateTime xValue;
-        public double yValue;
+        public double high;
+        public double low;
+        public double open;
+        public double close;
+		public double yValue;
         public double yValue1;
     };
 
@@ -92,6 +97,14 @@
     public List<object> seriesData { get; set; } = new List<object>
     {
         new { xName = "xValue", type = "Line", yName = "yValue" }
+    };
+
+    public List<object> periods { get; set; } = new List<object>
+    {
+        new { intervalType= "Minutes", interval= 1, text= "1m" },
+        new  { intervalType= "Years", interval= 1, text= "iY" },
+        new  { intervalType= "Hours", interval= 1, text= "1H" },
+        new { intervalType= "Years", interval= 2, text= "2Y", selected= true },
     };    
 
 }

ej2-blazor-samples/Pages/Charts/StockChart/StockChart.razor

@@ -28,7 +28,8 @@
 @*End:Hidden*@
 
 <div class="control-section">
-    <EjsStockChart id="stockChart" title="AAPL Stock Price" series="@seriesData" primaryXAxis="@xAxis" primaryYAxis="@yAxis" tooltip="@tooltip" dataSource="@data">
+    <EjsStockChart id="stockChart" title="AAPL Stock Price" series="@seriesData" primaryXAxis="@xAxis" primaryYAxis="@yAxis" tooltip="@tooltip" dataSource="@data" 
+    periods="@periods">
     </EjsStockChart>
 </div>
 
@@ -72,20 +73,24 @@
     };
 
     public List<object> data { get; set; } = new List<object> {
-
-            new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28 },
-            new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44 },
-            new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48 },
-            new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50 },
-            new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66 },
-            new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78 },
-            new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84 },
+        
+            new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28, open = 85.9757, high = 90.6657, low = 85.7685, close = 90.5257 },
+            new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44, open = 89.4471, high = 92, low = 86.2157, close = 86.4614 },
+            new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48, open = 87.1514, high = 88.6071,low = 81.4885,close = 81.8543 },
+            new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50, open = 81.5157, high = 88.2857, low = 79.2857,close = 86.1428 },
+            new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66, open = 80.2143, high = 82.2685,low = 79.8185,close = 80.9585 },
+            new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78, open = 80.3671, high = 81.0728,low = 74.5971,close = 75.7685 },
+            new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84, open = 76.3571, high = 82.3571,low = 76.2928,close = 80.3271 }
         };
 
     public class LineChartData
     {
         public DateTime xValue;
-        public double yValue;
+        public double high;
+        public double low;
+        public double open;
+        public double close;
+		public double yValue;
         public double yValue1;
     };
 
@@ -95,6 +100,14 @@
     public List<object> seriesData { get; set; } = new List<object>
     {
         new { xName = "xValue", type = "Line", yName = "yValue" }
-    };    
+    };
+
+    public List<object> periods { get; set; } = new List<object>
+    {
+        new { intervalType= "Minutes", interval= 1, text= "1m" },
+        new  { intervalType= "Years", interval= 1, text= "iY" },
+        new  { intervalType= "Hours", interval= 1, text= "1H" },
+        new { intervalType= "Years", interval= 2, text= "2Y", selected= true },
+    };   
 
 }

ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/CharacterFormat.razor

@@ -1,6 +1,6 @@
 @page "/DocumentEditor/CharacterFormat"
 
-@using Syncfusion.EJ2.RazorComponents.DocumentEditor
+@using Syncfusion.EJ2.RazorComponents.DocumentEditor;
 @using Newtonsoft.Json;
 @inject HttpClient Http;
 @using Syncfusion.EJ2.RazorComponents.SplitButtons;

ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/ParagraphFormat.razor

@@ -1,6 +1,6 @@
 @page "/DocumentEditor/ParagraphFormat"
 
-@using Syncfusion.EJ2.RazorComponents.DocumentEditor
+@using Syncfusion.EJ2.RazorComponents.DocumentEditor;
 @using Newtonsoft.Json;
 @inject HttpClient Http;
 @using Syncfusion.EJ2.RazorComponents.SplitButtons;

ej2-blazor-samples/Pages/DropDowns/AutoComplete/DataBinding.razor

@@ -97,15 +97,4 @@
 
     public object AutoCompleteFieldSettings = new { value = "Name" };
     public string sort { get; set; } = "Ascending";
-
-    public object remoteData = new {
-    Url ="https://ej2services.syncfusion.com/production/web-services/api/Employees",
-    CrossDomain = "true",
-    Adaptor = "WebApiAdaptor"
-    };
-
-    public object remoteAutoCompleteFields = new {  Value="FirstName" };
-
-    public string dataQuery { get; set;} = "new ej.data.Query().select(['FirstName', 'EmployeeID']).requiresCount()";
-
     }

ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor

@@ -90,20 +90,4 @@
         value = "id"
     };
 
-    public object remoteData = new
-    {
-        Url = "https://ej2services.syncfusion.com/production/web-services/api/Employees",
-        CrossDomain = "true",
-        Adaptor = "WebApiAdaptor"
-    };
-
-    public object remoteComboBoxFields = new
-    {
-        Text = "FirstName",
-        Value = "EmployeeID"
-    };
-
-    public string dataQuery { get; set; } = "new ej.data.Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount()";
-
-    public string sort { get; set; } = "Ascending";
 }

ej2-blazor-samples/Pages/DropDowns/DropDownList/DataBinding.razor

@@ -93,20 +93,4 @@
         value = "id"
     };
 
-    public object remoteData = new
-    {
-        Url = "https://ej2services.syncfusion.com/production/web-services/api/Employees",
-        CrossDomain = "true",
-        Adaptor = "WebApiAdaptor"
-    };
-
-    public object remoteDropDownFields = new
-    {
-        Text = "FirstName",
-        Value = "EmployeeID"
-    };
-
-    public string dataQuery { get; set; } = "new ej.data.Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount()";
-
-    public string sort { get; set; } = "Ascending";
 }

ej2-blazor-samples/Pages/DropDowns/MultiSelect/DataBinding.razor

@@ -113,17 +113,5 @@
     };
 
     public object MultiSelectFieldSettings = new { text = "Name", value = "Code" };
-    public string sort { get; set; } = "Ascending";
-
-    public object remoteData = new
-    {
-        Url = "https://ej2services.syncfusion.com/production/web-services/api/Employees",
-        CrossDomain = "true",
-        Adaptor = "WebApiAdaptor"
-    };
-
-    public object RemoteAutoCompleteFields = new { Text = "FirstName", Value = "EmployeeID" };
-
-    public string dataQuery { get; set; } = "new ej.data.Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount()";
-
+
 }

ej2-blazor-samples/Pages/DropDowns/MultiSelect/Filtering.razor

@@ -80,5 +80,4 @@
         text = "Name",
         value = "Code"
     };
-    public string MultiSelectQuery = "new ej.data.Query()";
 }

ej2-blazor-samples/Pages/Editors/InPlaceEditor/DropDownComponents.razor

@@ -96,7 +96,7 @@
                     </label>
                 </td>
                 <td>
-                    <EjsInPlaceEditor id="multiSelectEle" mode="@RenderMode.Popup" type="@InputType.MultiSelect" value="@multiValue" model="@multiSelectData" >
+                    <EjsInPlaceEditor id="multiSelectEle" mode="@RenderMode.Popup" type="@InputType.MultiSelect" value="@multiValue" model="@multiSelectData">
                     </EjsInPlaceEditor>
                 </td>
             </tr>
@@ -124,14 +124,14 @@
         max-width: 400px;
     }
 
-        .inplace-control-section.drop-down-layout .control_wrapper table {
-            margin: auto;
-        }
+    .inplace-control-section.drop-down-layout .control_wrapper table {
+        margin: auto;
+    }
 
-            .inplace-control-section.drop-down-layout .control_wrapper table td {
-                width: 200px;
-                height: 100px;
-            }
+    .inplace-control-section.drop-down-layout .control_wrapper table td {
+        width: 200px;
+        height: 100px;
+    }
 
     #dropdownProperty table td {
         width: 50%;

ej2-blazor-samples/Pages/Gantt/SampleList.cs

@@ -33,7 +33,7 @@ internal partial class SampleConfig
                 Category = "Gantt",
                 Directory = "Gantt/Gantt",
                 Url = "Gantt/Baseline",
-                FileName = "FilBaselinetering.razor",
+                FileName = "Baseline.razor",
                 Type = SampleType.New
             }
         };

ej2-blazor-samples/Pages/Grid/DataGrid/CheckboxSelection.razor

@@ -40,35 +40,29 @@
     <div class="content-wrapper">
         <div class="row">
 
-            <EjsGrid ID="Grid" ref="defaultGrid" DataSource="@gridData" AllowSelection="true" AllowPaging="true">
+            <EjsGrid ID="Grid" DataSource="@gridData" AllowSelection="true" AllowPaging="true">
                 <GridSelectionSettings PersistSelection="true"></GridSelectionSettings>
-                <GridEditSettings AllowDeleting="true"></GridEditSettings>               
                 <GridColumns>
                     <GridColumn Type="checkbox" Width="50"></GridColumn>
-                    <GridColumn Field="Inventor" IsPrimaryKey="true" HeaderText="Inventor Name" Width="180"></GridColumn>
-                    <GridColumn Field="NumberofPatentFamilies" HeaderText="Number of Patent Families" TextAlign="@Syncfusion.EJ2.RazorComponents.Grids.TextAlign.Right" Width="195"></GridColumn>
-                    <GridColumn Field="Country" HeaderText="Country" Width="120"></GridColumn>
-                    <GridColumn Field="Active" HeaderText="Active" Width="130"></GridColumn>
+                    <GridColumn Field=@nameof(InventorDetails.Inventor) IsPrimaryKey="true" HeaderText="Inventor Name" Width="180"></GridColumn>
+                    <GridColumn Field=@nameof(InventorDetails.NumberofPatentFamilies) HeaderText="Number of Patent Families" TextAlign="@Syncfusion.EJ2.RazorComponents.Grids.TextAlign.Right" Width="195"></GridColumn>
+                    <GridColumn Field=@nameof(InventorDetails.Country) HeaderText="Country" Width="120"></GridColumn>
+                    <GridColumn Field=@nameof(InventorDetails.Active) HeaderText="Active" Width="130"></GridColumn>
                 </GridColumns>
             </EjsGrid>
 
         </div>
     </div>
 </div>
 
-
-
-
 @functions{
 
-        EjsGrid defaultGrid;
-
-        public object gridData { get; set; }    
+    public List<InventorDetails> gridData { get; set; }
 
-    protected override void OnAfterRender()
+    protected override void OnInit()
     {
-    gridData = this.defaultGrid.DataSource = InventorDetails.GetAllRecords();
-    }
+        gridData = InventorDetails.GetAllRecords();
     }
+}
+
 
-