bug(EJ2-0000): Button sample level issue fixed

mohankumar91 · mohankumar91 · commit 895c4028599e · 2019-06-21T11:30:09.000+05:30
diff --git a/ej2-blazor-samples/Pages/Buttons/Button/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Buttons/Button/DefaultFunctionalities.razor
@@ -77,7 +77,7 @@
                         <EjsButton ID="roundbtn" IconCss="e-btn-sb-icons e-add-icon" CssClass="e-small e-round" IsPrimary="true"></EjsButton>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsButton ID="togglebtn" CssClass="e-flat" IsToggle="true" IsPrimary="true" Content="@content" IconCss="@iconCss" @ref="togglebtn" @onclick="@onToggleClick"></EjsButton>
+                        <EjsButton ID="togglebtn" CssClass="e-flat" IsToggle="true" IsPrimary="true" Content="@Content" IconCss="@IconCss" @ref="ToggleButton" @onclick="@OnToggleClick"></EjsButton>
                     </div>
                 </div>
                 <div class="col-xs-6 col-sm-6 col-lg-6 col-md-6">
@@ -150,21 +150,21 @@
     }
 </style>
 
-@code{
-    EjsButton togglebtn;
-    public string content = "Play";
-    public string iconCss = "e-btn-sb-icons e-play-icon";
-    private void onToggleClick(UIMouseEventArgs args)
+@code {
+    EjsButton ToggleButton;
+    public string Content = "Play";
+    public string IconCss = "e-btn-sb-icons e-play-icon";
+    private void OnToggleClick(UIMouseEventArgs args)
     {
-        if (togglebtn.Content == "Play")
+        if (ToggleButton.Content == "Play")
         {
-            this.content = "Pause";
-            this.iconCss = "e-btn-sb-icons e-pause-icon";
+            this.Content = "Pause";
+            this.IconCss = "e-btn-sb-icons e-pause-icon";
         }
         else
         {
-            this.content = "Play";
-            this.iconCss = "e-btn-sb-icons e-play-icon";
+            this.Content = "Play";
+            this.IconCss = "e-btn-sb-icons e-play-icon";
         }
     }
 }
diff --git a/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor b/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor
@@ -47,16 +47,16 @@
         <div id="button-control">
             <div class="row">
                 <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                    <EjsDropDownButton ID="iconbtn" Items="@items" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
+                    <EjsDropDownButton ID="iconbtn" Items="@Items" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
                 </div>
                 <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                    <EjsDropDownButton ID="textbtn" Content="Profile" Items="@items"></EjsDropDownButton>
+                    <EjsDropDownButton ID="textbtn" Content="Profile" Items="@Items"></EjsDropDownButton>
                 </div>
                 <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                    <EjsDropDownButton ID="icontextbtn" Content="Profile" Items="@items" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
+                    <EjsDropDownButton ID="icontextbtn" Content="Profile" Items="@Items" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
                 </div>
                 <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                    <EjsDropDownButton ID="custombtn" Content="Profile" Items="@items" CssClass="e-caret-hide"></EjsDropDownButton>
+                    <EjsDropDownButton ID="custombtn" Content="Profile" Items="@Items" CssClass="e-caret-hide"></EjsDropDownButton>
                 </div>
             </div>
         </div>
@@ -158,7 +158,7 @@
 
 @code{
 
-    public List<object> items { get; set; } = new List<object>
+    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" },
diff --git a/ej2-blazor-samples/Pages/Buttons/Button/ProgressButton.razor b/ej2-blazor-samples/Pages/Buttons/Button/ProgressButton.razor
@@ -53,48 +53,48 @@
                         <EjsProgressButton ID="spinleft" Content="Spin Left" IsPrimary="true"></EjsProgressButton>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsProgressButton ID="spinright" Content="Spin Right" IsPrimary="true" SpinSettings="@spinRight"></EjsProgressButton>
+                        <EjsProgressButton ID="spinright" Content="Spin Right" IsPrimary="true" SpinSettings="@SpinRight"></EjsProgressButton>
                     </div>
                 </div>
                 <div class="col-xs-6 col-sm-6 col-lg-6 col-md-6">
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsProgressButton ID="spintop" Content="Spin Top" IsPrimary="true" SpinSettings="@spinTop"></EjsProgressButton>
+                        <EjsProgressButton ID="spintop" Content="Spin Top" IsPrimary="true" SpinSettings="@SpinTop"></EjsProgressButton>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsProgressButton ID="spinbottom" Content="Spin Bottom" IsPrimary="true" SpinSettings="@spinBottom"></EjsProgressButton>
+                        <EjsProgressButton ID="spinbottom" Content="Spin Bottom" IsPrimary="true" SpinSettings="@SpinBottom"></EjsProgressButton>
                     </div>
                 </div>
             </div>
             <div class="row">
                 <div class="col-xs-6 col-sm-6 col-lg-6 col-md-6">
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsProgressButton ID="roundbtn" cssClass="e-round e-small e-success" SpinSettings="@spinCenter" AnimationSettings="@zoomOut"
+                        <EjsProgressButton ID="roundbtn" cssClass="e-round e-small e-success" SpinSettings="@SpinCenter" AnimationSettings="@ZoomOut"
                                            IconCss="e-btn-sb-icons e-play-icon"></EjsProgressButton>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsProgressButton ID="contract" Content="Contract" EnableProgress="true" CssClass="@cssClass" Begin="@contractBegin"
-                                           End="@contractEnd"></EjsProgressButton>
+                        <EjsProgressButton ID="contract" Content="Contract" EnableProgress="true" CssClass="@CssClass" Begin="@ContractBegin"
+                                           End="@ContractEnd"></EjsProgressButton>
                     </div>
                 </div>
                 <div class="col-xs-6 col-sm-6 col-lg-6 col-md-6">
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsProgressButton ID="slideleft" Content="Slide Left" EnableProgress="true" SpinSettings="@spinCenter" AnimationSettings="@slideLeft"
+                        <EjsProgressButton ID="slideleft" Content="Slide Left" EnableProgress="true" SpinSettings="@SpinCenter" AnimationSettings="@SlideLeft"
                                            CssClass="e-flat e-success"></EjsProgressButton>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsProgressButton ID="slideright" Content="Slide Right" EnableProgress="true" SpinSettings="@spinCenter" AnimationSettings="@slideRight"
+                        <EjsProgressButton ID="slideright" Content="Slide Right" EnableProgress="true" SpinSettings="@SpinCenter" AnimationSettings="@SlideRight"
                                            CssClass="e-outline e-success"></EjsProgressButton>
                     </div>
                 </div>
             </div>
             <div class="row">
                 <div class="col-xs-6 col-sm-6 col-lg-6 col-md-6">
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsProgressButton ID="zoomin" Content="Zoom In" EnableProgress="true" SpinSettings="@spinCenter" AnimationSettings="@zoomIn"
+                        <EjsProgressButton ID="zoomin" Content="Zoom In" EnableProgress="true" SpinSettings="@SpinCenter" AnimationSettings="@ZoomIn"
                                            CssClass="e-round-corner e-danger"></EjsProgressButton>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
-                        <EjsProgressButton ID="zoomout" Content="Zoom Out" EnableProgress="true" SpinSettings="@spinCenter" AnimationSettings="@zoomOut"
+                        <EjsProgressButton ID="zoomout" Content="Zoom Out" EnableProgress="true" SpinSettings="@SpinCenter" AnimationSettings="@ZoomOut"
                                            CssClass="e-small e-danger"></EjsProgressButton>
                     </div>
                 </div>
@@ -183,23 +183,23 @@
 </style>
 
 @code{
-    public string cssClass = "e-success e-small";
-    ProgressButtonSpinSettings spinRight = new ProgressButtonSpinSettings() { Position = SpinPosition.Right };
-    ProgressButtonSpinSettings spinTop = new ProgressButtonSpinSettings() { Position = SpinPosition.Top };
-    ProgressButtonSpinSettings spinBottom = new ProgressButtonSpinSettings() { Position = SpinPosition.Bottom };
-    ProgressButtonSpinSettings spinCenter = new ProgressButtonSpinSettings() { Position = SpinPosition.Center };
-    ProgressButtonAnimationSettings slideLeft = new ProgressButtonAnimationSettings() { Effect = AnimationEffect.SlideLeft };
-    ProgressButtonAnimationSettings slideRight = new ProgressButtonAnimationSettings() { Effect = AnimationEffect.SlideRight };
-    ProgressButtonAnimationSettings zoomIn = new ProgressButtonAnimationSettings() { Effect = AnimationEffect.ZoomIn };
-    ProgressButtonAnimationSettings zoomOut = new ProgressButtonAnimationSettings() { Effect = AnimationEffect.ZoomOut };
-
-    private void contractBegin(ProgressEventArgs args)
+    public string CssClass = "e-success e-small";
+    ProgressButtonSpinSettings SpinRight = new ProgressButtonSpinSettings() { Position = SpinPosition.Right };
+    ProgressButtonSpinSettings SpinTop = new ProgressButtonSpinSettings() { Position = SpinPosition.Top };
+    ProgressButtonSpinSettings SpinBottom = new ProgressButtonSpinSettings() { Position = SpinPosition.Bottom };
+    ProgressButtonSpinSettings SpinCenter = new ProgressButtonSpinSettings() { Position = SpinPosition.Center };
+    ProgressButtonAnimationSettings SlideLeft = new ProgressButtonAnimationSettings() { Effect = AnimationEffect.SlideLeft };
+    ProgressButtonAnimationSettings SlideRight = new ProgressButtonAnimationSettings() { Effect = AnimationEffect.SlideRight };
+    ProgressButtonAnimationSettings ZoomIn = new ProgressButtonAnimationSettings() { Effect = AnimationEffect.ZoomIn };
+    ProgressButtonAnimationSettings ZoomOut = new ProgressButtonAnimationSettings() { Effect = AnimationEffect.ZoomOut };
+
+    private void ContractBegin(ProgressEventArgs args)
     {
-        this.cssClass = "e-success e-small e-round";
+        this.CssClass = "e-success e-small e-round";
     }
 
-    private void contractEnd(ProgressEventArgs args)
+    private void ContractEnd(ProgressEventArgs args)
     {
-        this.cssClass = "e-success e-small";
+        this.CssClass = "e-success e-small";
     }
 }
diff --git a/ej2-blazor-samples/Pages/Buttons/Button/SplitButton.razor b/ej2-blazor-samples/Pages/Buttons/Button/SplitButton.razor
@@ -40,16 +40,16 @@
         <div id="button-control">
             <div class="row">
                 <div class="col-xs-12 col-sm-6 col-lg-3 col-md-3">
-                    <EjsSplitButton ID="iconsplitbtn" Items="@items" IconCss="e-btn-icons e-paste"></EjsSplitButton>
+                    <EjsSplitButton ID="iconsplitbtn" Items="@Items" IconCss="e-btn-icons e-paste"></EjsSplitButton>
                 </div>
                 <div class="col-xs-12 col-sm-6 col-lg-3 col-md-3">
-                    <EjsSplitButton ID="textsplitbtn" Items="@items" Content="Paste"></EjsSplitButton>
+                    <EjsSplitButton ID="textsplitbtn" Items="@Items" Content="Paste"></EjsSplitButton>
                 </div>
                 <div class="col-xs-12 col-sm-6 col-lg-3 col-md-3">
-                    <EjsSplitButton ID="icontextsplitbtn" Items="@items" Content="Paste" IconCss="e-btn-icons e-paste"></EjsSplitButton>
+                    <EjsSplitButton ID="icontextsplitbtn" Items="@Items" Content="Paste" IconCss="e-btn-icons e-paste"></EjsSplitButton>
                 </div>
                 <div class="col-xs-12 col-sm-6 col-lg-3 col-md-3">
-                    <EjsSplitButton ID="disabledsplitbtn" Items="@items" Content="Paste" IconCss="e-btn-icons e-paste"></EjsSplitButton>
+                    <EjsSplitButton ID="disabledsplitbtn" Items="@Items" Content="Paste" IconCss="e-btn-icons e-paste"></EjsSplitButton>
                 </div>
             </div>
         </div>
@@ -121,7 +121,7 @@
 </style>
 
 @code{
-    public List<object> items { get; set; } = new List<object>
+    public List<object> Items { get; set; } = new List<object>
     {
         new { text = "Paste", iconCss = "e-btn-icons e-paste" },
         new { text = "Paste Special", iconCss = "e-btn-icons e-paste-special" },
diff --git a/ej2-blazor-samples/Pages/DropDowns/ListBox/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/DropDowns/ListBox/DefaultFunctionalities.razor
@@ -26,7 +26,7 @@
 <div class="col-lg-12 control-section">
     <div id="listbox-control">
         <h4>Select your favorite car:</h4>
-        <EjsListBox ID="listbox" DataSource="@data"></EjsListBox>
+        <EjsListBox ID="listbox" DataSource="@Data"></EjsListBox>
     </div>
 </div>
 
@@ -44,7 +44,7 @@
 </style>
 
 @code{
-    List<object> data = new List<object>
+    List<object> Data = new List<object>
 {
         new { text = "Hennessey Venom", id = "list-01" },
         new { text = "Bugatti Chiron", id = "list-02" },
diff --git a/ej2-blazor-samples/Pages/Forms/QueryBuilder/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Forms/QueryBuilder/DefaultFunctionalities.razor
@@ -25,11 +25,11 @@
 @*End:Hidden*@
 
 <div class="col-lg-12 control-section">
-    <EjsQueryBuilder ID="querybuilder" Width="70%" Rule="@rule" DataSource="@dataSource">
+    <EjsQueryBuilder ID="querybuilder" Width="70%" Rule="@Rule" DataSource="@DataSource">
         <QueryBuilderColumns>
             <QueryBuilderColumn Field="CustomerId" Label="CustomerId" Type="number"></QueryBuilderColumn>
             <QueryBuilderColumn Field="EmployeeId" Label="EmployeeId" Type="string"></QueryBuilderColumn>
-            <QueryBuilderColumn Field="Verified" Label="Verified" Type="boolean" Values=@values></QueryBuilderColumn>
+            <QueryBuilderColumn Field="Verified" Label="Verified" Type="boolean" Values=@Values></QueryBuilderColumn>
             <QueryBuilderColumn Field="ShipName" Label="ShipName" Type="string"></QueryBuilderColumn>
             <QueryBuilderColumn Field="OrderDate" Label="OrderDate" Type="date" Format="dd/MM/yyyy"></QueryBuilderColumn>
             <QueryBuilderColumn Field="ShipCountry" Label="ShipCountry" Type="string"></QueryBuilderColumn>
@@ -47,7 +47,7 @@
 @code{
 
 
-    QueryBuilderRule rule = new QueryBuilderRule()
+    QueryBuilderRule Rule = new QueryBuilderRule()
     {
         Condition = "and",
         Rules = new List<QueryBuilderRule>
@@ -58,15 +58,12 @@
     }
     };
 
-    public List<string>
-        values = new List<string>
-            { "Mr.", "Mrs." };
+    public List<string> Values = new List<string> { "True", "False" };
 
-            public List<Orders>
-                dataSource { get; set; }
+    public List<Orders> DataSource { get; set; }
 
-                protected override void OnInit()
-                {
-                dataSource = Orders.GetAllRecords();
-                }
-                }
+    protected override void OnInit()
+     {
+        DataSource = Orders.GetAllRecords();
+      }
+   }
diff --git a/ej2-blazor-samples/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor
@@ -15,7 +15,7 @@
 <div class="control-section">
     <div class="contextmenu-control">
         <div id="contextmenutarget">Right click/Touch hold to open the ContextMenu</div>
-        <EjsContextMenu ID="contextmenu" Target="#contextmenutarget" Items="@menuItems"></EjsContextMenu>
+        <EjsContextMenu ID="contextmenu" Target="#contextmenutarget" Items="@MenuItems"></EjsContextMenu>
     </div>
 </div>
 <style>
@@ -177,7 +177,7 @@
 </style>
 
 @code{
-    public List<MenuItem> menuItems { get; set; } = new List<MenuItem>
+    public List<MenuItem> MenuItems { get; set; } = new List<MenuItem>
     {
     new MenuItem { Text="Cut", IconCss="e-cm-icons e-cut" },
     new MenuItem { Text="Copy", IconCss="e-cm-icons e-copy" },
diff --git a/ej2-blazor-samples/Pages/Navigations/MenuBar/DataBinding.razor b/ej2-blazor-samples/Pages/Navigations/MenuBar/DataBinding.razor
@@ -14,7 +14,7 @@
 
 <div class="control-section">
     <div class="menu-control">
-        <EjsMenu ID="menu" Items="@menuItems"></EjsMenu>
+        <EjsMenu ID="menu" Items="@MenuItems"></EjsMenu>
     </div>
 </div>
 <style>
@@ -29,7 +29,7 @@
 </style>
 
 @code{
-    List<object> menuItems = new List<object>
+    List<object> MenuItems = new List<object>
     {
         new { id= "parent1", text= "Appliances" },
         new { id= "parent2", text= "Accessories" },

Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,7 @@`
`77`	`77`	`<EjsButton ID="roundbtn" IconCss="e-btn-sb-icons e-add-icon" CssClass="e-small e-round" IsPrimary="true"></EjsButton>`
`78`	`78`	`</div>`
`79`	`79`	`<div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">`
`80`		`- <EjsButton ID="togglebtn" CssClass="e-flat" IsToggle="true" IsPrimary="true" Content="@content" IconCss="@iconCss" @ref="togglebtn" @onclick="@onToggleClick"></EjsButton>`
	`80`	`+ <EjsButton ID="togglebtn" CssClass="e-flat" IsToggle="true" IsPrimary="true" Content="@Content" IconCss="@IconCss" @ref="ToggleButton" @onclick="@OnToggleClick"></EjsButton>`
`81`	`81`	`</div>`
`82`	`82`	`</div>`
`83`	`83`	`<div class="col-xs-6 col-sm-6 col-lg-6 col-md-6">`
`@@ -150,21 +150,21 @@`
`150`	`150`	`}`
`151`	`151`	`</style>`
`152`	`152`
`153`		`-@code{`
`154`		`- EjsButton togglebtn;`
`155`		`- public string content = "Play";`
`156`		`- public string iconCss = "e-btn-sb-icons e-play-icon";`
`157`		`- private void onToggleClick(UIMouseEventArgs args)`
	`153`	`+@code {`
	`154`	`+ EjsButton ToggleButton;`
	`155`	`+ public string Content = "Play";`
	`156`	`+ public string IconCss = "e-btn-sb-icons e-play-icon";`
	`157`	`+ private void OnToggleClick(UIMouseEventArgs args)`
`158`	`158`	`{`
`159`		`- if (togglebtn.Content == "Play")`
	`159`	`+ if (ToggleButton.Content == "Play")`
`160`	`160`	`{`
`161`		`- this.content = "Pause";`
`162`		`- this.iconCss = "e-btn-sb-icons e-pause-icon";`
	`161`	`+ this.Content = "Pause";`
	`162`	`+ this.IconCss = "e-btn-sb-icons e-pause-icon";`
`163`	`163`	`}`
`164`	`164`	`else`
`165`	`165`	`{`
`166`		`- this.content = "Play";`
`167`		`- this.iconCss = "e-btn-sb-icons e-play-icon";`
	`166`	`+ this.Content = "Play";`
	`167`	`+ this.IconCss = "e-btn-sb-icons e-play-icon";`
`168`	`168`	`}`
`169`	`169`	`}`
`170`	`170`	`}`