syncfusion · ajithr · May 6, 2019 · May 6, 2019
diff --git a/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor b/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor
@@ -1,18 +1,19 @@
 @page "/Buttons/DropDownButton"
 
-@using Syncfusion.EJ2.RazorComponents.Buttons
+@using Syncfusion.EJ2.RazorComponents.SplitButtons
+
 
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
-            SampleBrowser.CurrentSampleName = SampleBrowser.Config.Button[4].Name;
-            SampleBrowser.CurrentControlName = "Button";
-            SampleBrowser.CurrentControlCategory = "Button";
-            SampleBrowser.CurrentControl = SampleBrowser.Config.Button;
-            SampleBrowser.ActionDescription = new string[] {
+    SampleBrowser.CurrentSampleName = SampleBrowser.Config.Button[4].Name;
+    SampleBrowser.CurrentControlName = "Button";
+    SampleBrowser.CurrentControlCategory = "Button";
+    SampleBrowser.CurrentControl = SampleBrowser.Config.Button;
+    SampleBrowser.ActionDescription = new string[] {
         @"<p>This sample demonstrates the default functionalities of the DropDownButton. Clicking DropDownButton will display popup with list of action items.</p>"
     };
-            SampleBrowser.Description = new string[]{
+    SampleBrowser.Description = new string[]{
                 @"<p>
         The DropDownButton component is used to toggle contextual overlays for displaying list of action items. It can contain both text and images.
     </p>
@@ -159,10 +160,10 @@
 @functions{
 
     public List<object> items { get; set; } = new List<object>
-    {
+{
     new { text = "Dashboard", iconCss = "e-ddb-icons e-dashboard" },
     new { text = "Notifications", iconCss = "e-ddb-icons e-notifications" },
     new { text = "User Settings", iconCss = "e-ddb-icons e-settings" },
     new { text = "Log Out", iconCss = "e-ddb-icons e-logout" }
     };
-    }
+}
diff --git a/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor b/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor
@@ -1,5 +1,7 @@
 @page "/Calendar/DateRange"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{

diff --git a/ej2-blazor-samples/Pages/Calendars/Calendar/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Calendars/Calendar/DefaultFunctionalities.razor
@@ -1,5 +1,7 @@
 @page "/Calendar/DefaultFunctionalities"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{

diff --git a/ej2-blazor-samples/Pages/Calendars/Calendar/MultiSelection.razor b/ej2-blazor-samples/Pages/Calendars/Calendar/MultiSelection.razor
@@ -1,5 +1,7 @@
 @page "/Calendar/MultiSelection"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -8,10 +10,10 @@
     SampleBrowser.CurrentControlCategory = "Calendar";
     SampleBrowser.CurrentControl = SampleBrowser.Config.Calendar;
     SampleBrowser.ActionDescription = new string[] {
-        
+
     };
     SampleBrowser.Description = new string[]{
-        
+
     };
 }
 @*End:Hidden*@
@@ -34,6 +36,6 @@
 </style>
 
 @functions {
-    public bool multiSelection {get;set;} = true;
+    public bool multiSelection { get; set; } = true;
     public DateTime[] multiValue = new DateTime[] { new DateTime(DateTime.Now.Year, DateTime.Now.Month, 10), new DateTime(DateTime.Now.Year, DateTime.Now.Month, 15), new DateTime(DateTime.Now.Year, DateTime.Now.Month, 25) };
 }
diff --git a/ej2-blazor-samples/Pages/Calendars/DatePicker/DateRange.razor b/ej2-blazor-samples/Pages/Calendars/DatePicker/DateRange.razor
@@ -1,5 +1,7 @@
 @page "/DatePicker/DateRange"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -42,7 +44,7 @@
 </style>
 
 @functions{
-    public DateTime value {get;set;} = new DateTime(DateTime.Now.Year,DateTime.Now.Month,10);
-    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 value { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 10);
+    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);
 }
diff --git a/ej2-blazor-samples/Pages/Calendars/DatePicker/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Calendars/DatePicker/DefaultFunctionalities.razor
@@ -1,5 +1,7 @@
 @page "/DatePicker/DefaultFunctionalities"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -27,7 +29,7 @@
 <div class="control-section">
     <div id="wrapper" class="datepicker-section">
         <div id="datepicker-control">
-            <EjsDatePicker id="datepicker" placeholder="Choose a Date"></EjsDatePicker>            
+            <EjsDatePicker id="datepicker" placeholder="Choose a Date"></EjsDatePicker>
         </div>
     </div>
 </div>

diff --git a/ej2-blazor-samples/Pages/Calendars/DatePicker/Format.razor b/ej2-blazor-samples/Pages/Calendars/DatePicker/Format.razor
@@ -1,5 +1,7 @@
 @page "/DatePicker/Format"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -45,5 +47,5 @@
 </style>
 
 @functions{
-    public DateTime value {get;set;} = new DateTime(DateTime.Now.Year,DateTime.Now.Month,10);
+    public DateTime value { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 10);
 }
diff --git a/ej2-blazor-samples/Pages/Calendars/DateRangePicker/DateRange.razor b/ej2-blazor-samples/Pages/Calendars/DateRangePicker/DateRange.razor
@@ -1,5 +1,7 @@
 @page "/DateRangePicker/DateRange"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -29,7 +31,7 @@
 
 <div class="control-section">
     <div id="wrapper">
-         <EjsDateRangePicker id="daterangepicker" placeHolder="Choose a Range" min="minDate" max="maxDate"></EjsDateRangePicker>
+        <EjsDateRangePicker id="daterangepicker" placeHolder="Choose a Range" min="minDate" max="maxDate"></EjsDateRangePicker>
     </div>
 </div>
 
@@ -42,6 +44,6 @@
 </style>
 
 @functions{
-    public DateTime minDate {get;set;} = new DateTime(2017, 01, 05);
-    public DateTime maxDate {get;set;} = new DateTime(2017, 12, 20);
+    public DateTime minDate { get; set; } = new DateTime(2017, 01, 05);
+    public DateTime maxDate { get; set; } = new DateTime(2017, 12, 20);
 }
diff --git a/ej2-blazor-samples/Pages/Calendars/DateRangePicker/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Calendars/DateRangePicker/DefaultFunctionalities.razor
@@ -1,5 +1,7 @@
 @page "/DateRangePicker/DefaultFunctionalities"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -25,11 +27,11 @@
 @*End:Hidden*@
 
 <div class="control-section">
-        <div id="wrapper">
-                <div class="wrap">
-                    <EjsDateRangePicker id="daterangepicker" placeHolder="Choose a Range"></EjsDateRangePicker>
-                </div>
+    <div id="wrapper">
+        <div class="wrap">
+            <EjsDateRangePicker id="daterangepicker" placeHolder="Choose a Range"></EjsDateRangePicker>
         </div>
+    </div>
 </div>
 
 <style>

diff --git a/ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor b/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);
 }
diff --git a/ej2-blazor-samples/Pages/Calendars/DateTimePicker/DateTimeRange.razor b/ej2-blazor-samples/Pages/Calendars/DateTimePicker/DateTimeRange.razor
@@ -1,5 +1,7 @@
 @page "/DateTimePicker/DateTimeRange"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -42,7 +44,7 @@
 </style>
 
 @functions{
-    public DateTime value {get;set;} = new DateTime(DateTime.Now.Year,DateTime.Now.Month,10);
-    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 value { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 10);
+    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);
 }
diff --git a/ej2-blazor-samples/Pages/Calendars/DateTimePicker/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Calendars/DateTimePicker/DefaultFunctionalities.razor
@@ -1,5 +1,7 @@
 @page "/DateTimePicker/DefaultFunctionalities"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{

diff --git a/ej2-blazor-samples/Pages/Calendars/DateTimePicker/Format.razor b/ej2-blazor-samples/Pages/Calendars/DateTimePicker/Format.razor
@@ -1,5 +1,7 @@
 @page "/DateTimePicker/Format"
 
+@using Syncfusion.EJ2.RazorComponents.Calendars
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -45,5 +47,5 @@
 </style>
 
 @functions{
-    public DateTime value {get;set;} = DateTime.Now;
+    public DateTime value { get; set; } = DateTime.Now;
 }
diff --git a/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DefaultFunctionalities.razor
@@ -1,5 +1,7 @@
 @page "/AutoComplete/DefaultFunctionalities"
 
+@using Syncfusion.EJ2.RazorComponents.DropDowns
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -41,7 +43,7 @@
 </style>
 
 @functions{
-      List<object> games = new List<object> {
+    List<object> games = new List<object> {
         new { id= "Game1", text= "American Football" },
         new { id= "Game2", text= "Badminton" },
         new { id= "Game3", text= "Basketball" },
@@ -53,4 +55,4 @@
         new { id= "Game9", text= "Snooker" },
         new { id= "Game10", text= "Tennis"},
      };
-  }
+}
diff --git a/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor b/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor
@@ -1,5 +1,7 @@
 @page "/ComboBox/DataBinding"
 
+@using Syncfusion.EJ2.RazorComponents.DropDowns
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -68,8 +70,8 @@
 </style>
 
 @functions{
-        List<object> games = new List<object>
-        {
+    List<object> games = new List<object>
+    {
         new { id= "Game1", text= "American Football" },
         new { id= "Game2", text= "Badminton" },
         new { id= "Game3", text= "Basketball" },
@@ -82,21 +84,26 @@
         new { id= "Game10", text= "Tennis"},
         };
 
-        public object comboBoxFields = new {
-            text="text", value="id"
-        };
+    public object comboBoxFields = new
+    {
+        text = "text",
+        value = "id"
+    };
 
-        public object remoteData = new {
-            Url ="https://ej2services.syncfusion.com/production/web-services/api/Employees",
-            CrossDomain = "true",
-            Adaptor = "WebApiAdaptor"
-        };
+    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 object remoteComboBoxFields = new
+    {
+        Text = "FirstName",
+        Value = "EmployeeID"
+    };
 
-        public string dataQuery { get; set;} = "new ej.data.Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount()";
+    public string dataQuery { get; set; } = "new ej.data.Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount()";
 
-        public string sort { get; set; } = "Ascending";
- }
+    public string sort { get; set; } = "Ascending";
+}
diff --git a/ej2-blazor-samples/Pages/DropDowns/ComboBox/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/DropDowns/ComboBox/DefaultFunctionalities.razor
@@ -1,5 +1,7 @@
 @page "/ComboBox/DefaultFunctionalities"
 
+@using Syncfusion.EJ2.RazorComponents.DropDowns
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -24,7 +26,7 @@
 @*End:Hidden*@
 
 <div class="col-lg-12 control-section">
-    <div class="control_wrapper" >
+    <div class="control_wrapper">
         <EjsComboBox ID="games" PopupHeight="230px" fields="@comboBoxFields" index="2" placeholder="Select a game" DataSource="@games"></EjsComboBox>
     </div>
 </div>
@@ -39,7 +41,7 @@
 
 @functions{
     List<object> games = new List<object>
-    {
+{
     new { id= "Game1", text= "American Football" },
     new { id= "Game2", text= "Badminton" },
     new { id= "Game3", text= "Basketball" },
@@ -52,7 +54,9 @@
     new { id= "Game10", text= "Tennis"},
     };
 
-    public object comboBoxFields = new {
-        Text="Game", Value="Id"
+    public object comboBoxFields = new
+    {
+        Text = "Game",
+        Value = "Id"
     };
 }
diff --git a/ej2-blazor-samples/Pages/DropDowns/ComboBox/Filtering.razor b/ej2-blazor-samples/Pages/DropDowns/ComboBox/Filtering.razor
@@ -1,5 +1,7 @@
 @page "/ComboBox/Filtering"
 
+@using Syncfusion.EJ2.RazorComponents.DropDowns
+
 @*Hidden:Lines*@
 @using ej2_blazor_samples
 @{
@@ -65,9 +67,11 @@
         new { Name = "Switzerland", Code = "CH" },
         new { Name = "United Kingdom", Code = "GB" },
         new { Name = "United States", Code = "US" },
-        };
+            };
 
-        public object ComboBoxFieldSettings = new {
-        text = "Name", value = "Code"
-        };
- }
+    public object ComboBoxFieldSettings = new
+    {
+        text = "Name",
+        value = "Code"
+    };
+}