Update Demos (#54)

Author: h3trika

demos/calendar/restrictdaterange/App.razor

@@ -1,11 +1,14 @@
-<div>The navigation is restricted from 01/01/2010 to 01/01/2021</div>
+<div style="text-align: center; width: 250px; font-family: 'Verdana', sans-serif; font-size: 13px;">
+    The navigation is restricted from 01/10/2020 to 01/12/2020
+</div>
+
 <br />
 
 <JqxCalendar 
     width=220 height=220 min=min max=max>
 </JqxCalendar>
 
 @code {
-    DateTime min = new DateTime(2010, 1, 1);
-    DateTime max = new DateTime(2020, 11, 31);
+    DateTime min = new DateTime(2020, 10, 1);
+    DateTime max = new DateTime(2020, 12, 1);
 }

demos/calendar/restricteddates/App.razor

@@ -68,7 +68,7 @@
             "labels", 
             new Dictionary<string, object>()
             {
-                { "visible", true }          
+                { "visible", false }          
             }
         }
     };

demos/chart/barseries/App.razor

@@ -383,25 +383,24 @@
 
     public void eventHandler(IDictionary<string, object> e, int series, string propName)
     {
-        Console.WriteLine(1);
         if (seriesGroups.Count != 0)
         {
             if (seriesGroups.Count < 2)
             {
-                var a = seriesGroups[0]["series"] as Dictionary<string, string>[];
+                var a = seriesGroups[0]["series"] as Dictionary<string, object>[];
 
-                string serieDataField = a[0]["dataField"];
-                Console.WriteLine(serieDataField);
+                string serieDataField = a[0]["dataField"].ToString();
                 int serie = serieDataField == "Serie1" ? 0 : 1;
+
                 if (series != serie)
                 {
                     return;
                 }
+
                 seriesGroups[0][propName] = e["value"];
             }
             else 
             {
-                Console.WriteLine(2);
                 seriesGroups[series][propName] = e["value"];
             }            
         }

demos/chart/columnseriesspacing/App.razor

@@ -1,11 +1,12 @@
 <div style="text-align: center; width: 250px; font-family: 'Verdana', sans-serif; font-size: 13px;">
-    The navigation is restricted from 01/01/2017 to 01/01/2020
+    The navigation is restricted from 01/10/2020 to 01/12/2020
 </div>
+
 <br />
 
 <JqxDateTimeInput width="250" height="25" min="min" max="max"></JqxDateTimeInput>
 
 @code { 
-    DateTime min = new DateTime(2017, 1, 1);
-    DateTime max = new DateTime(2019, 11, 31);
+    DateTime min = new DateTime(2020, 10, 1);
+    DateTime max = new DateTime(2020, 12, 1);
 }

demos/datetimeinput/restrictdaterange/App.razor

@@ -2,6 +2,8 @@
     width=250 height=25 radix=radix value=value spinButtons=false dropDown=true>
 </JqxFormattedInput>
 
+<br />
+
 <div style="font-family: Verdana; font-size: 12px; width: 400px; margin-left: 20px; float: left;">
         <ul>
             <li><b>Tab</b> - Like other widgets, the jqxFormattedInput widget receives focus by

demos/datetimeinput/righttoleft/App.razor

@@ -126,9 +126,8 @@
 <style>
     .gaugeValue {
 	    position: absolute; 
-        top: 235px; 
+        top: 275px; 
         left: 140px; 
-        font-family: Sans-Serif; 
         text-align: center; 
         font-size: 17px; 
         width: 70px;

demos/formattedinput/events/App.razor

@@ -138,7 +138,7 @@
             row.Add("lastname", lastNames[random.Next(0, lastNames.Length)]);
             row.Add("productname", productNames[random.Next(0, productNames.Length)]);
             row.Add("available", random.Next(2) % 2 == 0 ? true : false );
-            row.Add("data", new DateTime().AddDays(random.Next(500)));
+            row.Add("date", new DateTime().AddDays(random.Next(500)));
             row.Add("price", price);
             row.Add("quantity", quantity);
             row.Add("total", price * quantity);