- 
+ 
6
@@ -14,7 +14,7 @@
+
-
+
12
@@ -22,7 +22,7 @@
+
-
+
46
@@ -30,7 +30,7 @@
+
-
+
82
@@ -38,7 +38,7 @@
+
-
+
99+
@@ -54,7 +54,7 @@
+
-
+
6
@@ -62,7 +62,7 @@
+
-
+
12
@@ -70,7 +70,7 @@
+
-
+
46
@@ -78,7 +78,7 @@
+
-
+
82
@@ -86,7 +86,7 @@
+
-
+
99+
@@ -97,82 +97,85 @@
+
-
+
6
@@ -14,7 +14,7 @@
+
-
+
12
@@ -22,7 +22,7 @@
+
-
+
46
@@ -30,7 +30,7 @@
+
-
+
82
@@ -38,7 +38,7 @@
+
-
+
99+
@@ -54,7 +54,7 @@
+
-
+
6
@@ -62,7 +62,7 @@
+
-
+
12
@@ -70,7 +70,7 @@
+
-
+
46
@@ -78,7 +78,7 @@
+
-
+
82
@@ -86,7 +86,7 @@
+
-
+
99+
@@ -97,83 +97,85 @@
+
-
-
-
-
-
+@using Syncfusion.EJ2
-
- @{ var template = "
-" +
- "${if(avatar!=='')}" +
- "${avatar}" +
- "${else}" +
- " " +
- "${/if}" +
- "" +
- "${text}
";}
- @Html.EJS().ListView("letterAvatarList").Enable(true).DataSource((IEnumerable< !-- Listview element -->@{ var template = "
" +
+ "${if(avatar!=='')}"+"${avatar}"+"${else}"+" "+"${/if}"+""+"${text}
";
+}
+
+@Html.EJS().ListView("letterAvatarList").Enable(true).DataSource((IEnumerable" +
- "${if(avatar!=='')}" +
- "${avatar}" +
- "${else}" +
- " " +
- "${/if}" +
- "" +
- "${text}
";
-
- List
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/chips/avatar/razor b/ej2-asp-core-mvc/code-snippet/chips/avatar/razor
index abd388f28f..ca067a0471 100644
--- a/ej2-asp-core-mvc/code-snippet/chips/avatar/razor
+++ b/ej2-asp-core-mvc/code-snippet/chips/avatar/razor
@@ -1,25 +1,24 @@
- @Html.EJS().ChipList("chip-avatar").Chips(chip =>
- {
- chip.Text("Andrew").AvatarIconCss("andrew").Enabled(true).Add();
- chip.Text("Janet").AvatarIconCss("janet").Enabled(true).Add();
- chip.Text("Laura").AvatarIconCss("laura").Enabled(true).Add();
- chip.Text("Margaret").AvatarIconCss("margaret").Enabled(true).Add();
- }).Render()
+@Html.EJS().ChipList("chip-avatar").Chips(chip => {
+ chip.Text("Andrew").AvatarIconCss("andrew").Enabled(true).Add();
+ chip.Text("Janet").AvatarIconCss("janet").Enabled(true).Add();
+ chip.Text("Laura").AvatarIconCss("laura").Enabled(true).Add();
+ chip.Text("Margaret").AvatarIconCss("margaret").Enabled(true).Add();
+}).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/chips/avatar/tagHelper b/ej2-asp-core-mvc/code-snippet/chips/avatar/tagHelper
index 330006e873..07e20c6549 100644
--- a/ej2-asp-core-mvc/code-snippet/chips/avatar/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/chips/avatar/tagHelper
@@ -1,26 +1,26 @@
-
-
+
+
\ No newline at end of file
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/chips/choice/razor b/ej2-asp-core-mvc/code-snippet/chips/choice/razor
index 5d825b44fd..09fa31d3e0 100644
--- a/ej2-asp-core-mvc/code-snippet/chips/choice/razor
+++ b/ej2-asp-core-mvc/code-snippet/chips/choice/razor
@@ -1,7 +1,7 @@
-@Html.EJS().ChipList("chip-avatar").Selection(Selection.Single).Chips(chip =>
- {
- chip.Text("Small").Enabled(true).Add();
- chip.Text("Medium").Enabled(true).Add();
- chip.Text("Large").Enabled(true).Add();
- chip.Text("Extra Large").Enabled(true).Add();
- }).Render()
\ No newline at end of file
+@Html.EJS().ChipList("chip-avatar").Selection(Syncfusion.EJ2.Buttons.Selection.Single).Chips(chip =>
+ {
+ chip.Text("Small").Enabled(true).Add();
+ chip.Text("Medium").Enabled(true).Add();
+ chip.Text("Large").Enabled(true).Add();
+ chip.Text("Extra Large").Enabled(true).Add();
+ }).Render()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/chips/filter/razor b/ej2-asp-core-mvc/code-snippet/chips/filter/razor
index 07b2b70209..5f5cfa0e0e 100644
--- a/ej2-asp-core-mvc/code-snippet/chips/filter/razor
+++ b/ej2-asp-core-mvc/code-snippet/chips/filter/razor
@@ -1,4 +1,4 @@
-@Html.EJS().ChipList("chip-avatar").Selection(Selection.Multiple).Chips(chip =>
+@Html.EJS().ChipList("chip-avatar").Selection(Syncfusion.EJ2.Buttons.Selection.Multiple).Chips(chip =>
{
chip.Text("Chai").Enabled(true).Add();
chip.Text("Chang").Enabled(true).Add();
diff --git a/ej2-asp-core-mvc/code-snippet/chips/leadingIcon/razor b/ej2-asp-core-mvc/code-snippet/chips/leadingIcon/razor
index e579167ce9..38af6bf6a9 100644
--- a/ej2-asp-core-mvc/code-snippet/chips/leadingIcon/razor
+++ b/ej2-asp-core-mvc/code-snippet/chips/leadingIcon/razor
@@ -1,25 +1,25 @@
- @Html.EJS().ChipList("chip-avatar").Chips(chip =>
- {
- chip.Text("Andrew").LeadingIconCss("andrew").Enabled(true).Add();
- chip.Text("Janet").LeadingIconCss("janet").Enabled(true).Add();
- chip.Text("Laura").LeadingIconCss("laura").Enabled(true).Add();
- chip.Text("Margaret").LeadingIconCss("margaret").Enabled(true).Add();
- }).Render()
+@Html.EJS().ChipList("chip-avatar").Chips(chip =>
+ {
+ chip.Text("Andrew").LeadingIconCss("andrew").Enabled(true).Add();
+ chip.Text("Janet").LeadingIconCss("janet").Enabled(true).Add();
+ chip.Text("Laura").LeadingIconCss("laura").Enabled(true).Add();
+ chip.Text("Margaret").LeadingIconCss("margaret").Enabled(true).Add();
+ }).Render()
\ No newline at end of file
+#chip-avatar .janet {
+background-image: url('https://ej2.syncfusion.com/aspnetcore/css/chips/images/janet.png')
+}
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/chips/leadingIcon/tagHelper b/ej2-asp-core-mvc/code-snippet/chips/leadingIcon/tagHelper
index 982cb91f0b..93d55450e3 100644
--- a/ej2-asp-core-mvc/code-snippet/chips/leadingIcon/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/chips/leadingIcon/tagHelper
@@ -1,26 +1,26 @@
-
-
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/chips/outline/razor b/ej2-asp-core-mvc/code-snippet/chips/outline/razor
index d882357125..8af3bb3fc7 100644
--- a/ej2-asp-core-mvc/code-snippet/chips/outline/razor
+++ b/ej2-asp-core-mvc/code-snippet/chips/outline/razor
@@ -1,5 +1,5 @@
+
-
+
+
-
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/customcommand/customcommand.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/customcommand/customcommand.cs
index 44e8d7f53a..bf01da4519 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/customcommand/customcommand.cs
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/customcommand/customcommand.cs
@@ -1,8 +1,7 @@
- public IActionResult Index()
- {
- var orders = OrdersDetails.GetAllRecords();
- ViewBag.DataSource = orders;
- return View();
- }
+public IActionResult Index()
+{
+ ViewBag.DataSource = OrdersDetails.GetAllRecords();
+ return View();
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/customcommand/razor b/ej2-asp-core-mvc/code-snippet/grid/edit/customcommand/razor
index 98a1501eba..1303ee39d0 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/customcommand/razor
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/customcommand/razor
@@ -1,22 +1,38 @@
@{
List
-
-
@Html.EJS().ScriptManager()
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialog.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialog.cs
index 56866e749c..a3f8141fba 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialog.cs
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialog.cs
@@ -1,20 +1,17 @@
public IActionResult Index()
{
- var Order = OrderDetails.GetAllRecords();
- ViewBag.DataSource = Order;
+ ViewBag.DataSource =OrderDetails.GetAllRecords();
return View();
}
public ActionResult Editpartial(DialogTemplateModel value)
{
- var order = OrdersDetails.GetAllRecords();
- ViewBag.datasource = order;
- return PartialView("Editpartial", value);
+ ViewBag.datasource = OrdersDetails.GetAllRecords();
+ return PartialView("EditPartial", value);
}
public ActionResult AddPartial()
{
- var order = OrdersDetails.GetAllRecords();
- ViewBag.datasource = order;
- return PartialView("Addpartial");
+ ViewBag.datasource = OrdersDetails.GetAllRecords();
+ return PartialView("AddPartial");
}
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialogData.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialogData.cs
new file mode 100644
index 0000000000..e15bd23154
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialogData.cs
@@ -0,0 +1,36 @@
+
+public IActionResult Index()
+{
+ ViewBag.DataSource =OrderDetails.GetAllRecords();
+ return View();
+}
+public ActionResult OnPostEditPartial([FromBody] CRUDAction
@@ -92,119 +85,121 @@
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/avatar/size/razor b/ej2-asp-core-mvc/code-snippet/avatar/size/razor
index 0d1514720c..5c393e0e3c 100644
--- a/ej2-asp-core-mvc/code-snippet/avatar/size/razor
+++ b/ej2-asp-core-mvc/code-snippet/avatar/size/razor
@@ -15,6 +15,7 @@
}
.e-avatar {
- background-image: url(./pic01.png);
+ background-image: url('@Url.Content("https://ej2.syncfusion.com/aspnetmvc/Content/avatar/images/pic01.png")');
+ margin: 2px;
}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/avatar/size/tagHelper b/ej2-asp-core-mvc/code-snippet/avatar/size/tagHelper
index fddf9e54b7..3b652b7279 100644
--- a/ej2-asp-core-mvc/code-snippet/avatar/size/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/avatar/size/tagHelper
@@ -15,6 +15,6 @@
}
.e-avatar {
- background-image: url(@Url.Content("~/css/avatar/images/pic01.png"));
+ background-image: url('@Url.Content("https://ej2.syncfusion.com/aspnetmvc/Content/avatar/images/pic01.png")');
}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/badge/position/tagHelper b/ej2-asp-core-mvc/code-snippet/badge/position/tagHelper
index 2b3909d028..4eba5b92f2 100644
--- a/ej2-asp-core-mvc/code-snippet/badge/position/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/badge/position/tagHelper
@@ -25,64 +25,65 @@
-@Html.EJS().ChipList("chip-avatar").CssClass("e-outline").Chips(chip =>
+@Html.EJS().ChipList("chip-avatar1").CssClass("e-outline").Chips(chip =>
{
chip.Text("Chai").Enabled(true).Add();
chip.Text("Chung").Enabled(true).Add();
@@ -7,7 +7,7 @@
chip.Text("Ikura").Enabled(true).Add();
}).Render()
-@Html.EJS().ChipList("chip-avatar").CssClass("e-outline").EnableDelete(true).Chips(chip =>
+@Html.EJS().ChipList("chip-avatar2").CssClass("e-outline").EnableDelete(true).Chips(chip =>
{
chip.Text("Andrew").Enabled(true).Add();
chip.Text("Janet").Enabled(true).Add();
diff --git a/ej2-asp-core-mvc/code-snippet/chips/outline/tagHelper b/ej2-asp-core-mvc/code-snippet/chips/outline/tagHelper
index 877c5f1416..6871c273ec 100644
--- a/ej2-asp-core-mvc/code-snippet/chips/outline/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/chips/outline/tagHelper
@@ -1,5 +1,5 @@
@@ -129,9 +172,9 @@
height: 30px
}
- .e-dashboard-layout.e-control .e-panel .e-panel-header div {
- text-align: center;
- }
+ .e-dashboard-layout.e-control .e-panel .e-panel-header div {
+ text-align: center;
+ }
.header {
padding: 5px;
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/resize-panel/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/resize-panel/CSHTML.cs
new file mode 100644
index 0000000000..85c1596770
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/resize-panel/CSHTML.cs
@@ -0,0 +1,4 @@
+public class ddCellSpacingModel
+{
+ public double[]? cellSpacing { get; set; }
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/resize-panel/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/resize-panel/tagHelper
index ebc50986f9..982df4bb71 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/resize-panel/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/resize-panel/tagHelper
@@ -1,7 +1,11 @@
-@model WebApplication.Controllers.HomeController.spacingModel
+@{
+ ...
+ ddCellSpacingModel modelValue = new ddCellSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+}
-
+
-
+
-
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/content-panel/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/content-panel/CSHTML.cs
new file mode 100644
index 0000000000..bdf391e654
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/content-panel/CSHTML.cs
@@ -0,0 +1,4 @@
+ public class panelCellSpacingModel
+ {
+ public double[]? cellSpacing { get; set; }
+ }
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/content-panel/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/content-panel/tagHelper
index 4efb47ab6c..9b655bb943 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/content-panel/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/content-panel/tagHelper
@@ -1,6 +1,13 @@
+@{
+ ...
+ panelCellSpacingModel modelValue = new panelCellSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+}
+
+
-
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/disable-dragging/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/disable-dragging/CSHTML.cs
new file mode 100644
index 0000000000..85c1596770
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/disable-dragging/CSHTML.cs
@@ -0,0 +1,4 @@
+public class ddCellSpacingModel
+{
+ public double[]? cellSpacing { get; set; }
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/disable-dragging/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/disable-dragging/tagHelper
index 0f687c4818..e0bac3cf55 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/disable-dragging/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/disable-dragging/tagHelper
@@ -1,7 +1,11 @@
-@model WebApplication.Controllers.HomeController.spacingModel
+@{
+ ...
+ ddCellSpacingModel modelValue = new ddCellSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+}
-
+
@@ -29,4 +33,4 @@
text-align: center;
line-height: 90px;
}
-
\ No newline at end of file
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/drag-and-drop/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/drag-and-drop/CSHTML.cs
new file mode 100644
index 0000000000..85c1596770
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/drag-and-drop/CSHTML.cs
@@ -0,0 +1,4 @@
+public class ddCellSpacingModel
+{
+ public double[]? cellSpacing { get; set; }
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/drag-and-drop/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/drag-and-drop/tagHelper
index d5e34c240b..83eff18eb3 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/drag-and-drop/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/drag-and-drop/tagHelper
@@ -1,6 +1,13 @@
+@{
+ ...
+ ddCellSpacingModel modelValue = new ddCellSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+}
+
+
chartData = new List
+ {
+ new ChartData { month = "Jan", sales = 35, },
+ new ChartData { month = "Feb", sales = 28, },
+ new ChartData { month = "Mar", sales = 34, },
+ new ChartData { month = "Apr", sales = 32, },
+ new ChartData { month = "May", sales = 40, },
+ new ChartData { month = "Jun", sales = 32, },
+ new ChartData { month = "Jul", sales = 35, },
+ new ChartData { month = "Aug", sales = 55, },
+ new ChartData { month = "Sep", sales = 38, },
+ new ChartData { month = "Oct", sales = 30, },
+ new ChartData { month = "Nov", sales = 25, },
+ new ChartData { month = "Dec", sales = 32, }
+ };
+
+ List lineData = new List
+ {
+ new LineData { x = 2013, y = 28, },
+ new LineData { x = 2014, y = 25, },
+ new LineData { x = 2015, y = 26, },
+ new LineData { x = 2016, y = 27, },
+ new LineData { x = 2017, y = 32, },
+ new LineData { x = 2018, y = 35, }
+ };
+
+ List pieData1 = new List
+ {
+ new PieData { x = "Chrome", y = 37, text = "37%", },
+ new PieData { x = "UC Browser", y = 17, text = "17%", },
+ new PieData { x = "iPhone", y = 19, text = "19%", },
+ new PieData { x = "Others", y = 4, text = "4%", },
+ new PieData { x = "Opera", y = 11, text = "11%", },
+ new PieData { x = "Android", y = 12, text = "12%", }
+ };
+}
+
@@ -64,15 +107,15 @@
-
+
@@ -21,18 +28,18 @@
\ No newline at end of file
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/dragging-handler/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/dragging-handler/CSHTML.cs
new file mode 100644
index 0000000000..e8949d6e67
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/dragging-handler/CSHTML.cs
@@ -0,0 +1,21 @@
+public class componentSpacingModel
+{
+ public double[]? cellSpacing { get; set; }
+}
+public class ChartData
+{
+ public string? month;
+ public double sales;
+}
+public class LineData
+{
+ public double x;
+ public double y;
+}
+
+public class PieData
+{
+ public string x;
+ public double y;
+ public string? text;
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/dragging-handler/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/dragging-handler/tagHelper
index 8748005581..6e4e91b18d 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/dragging-handler/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/dragging-handler/tagHelper
@@ -1,6 +1,48 @@
+@{
+ ...
+ componentSpacingModel modelValue = new componentSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+
+ List
-
+
@@ -17,7 +59,7 @@
-
+
@@ -29,7 +71,7 @@
-
+
@@ -43,7 +85,7 @@
-
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/floating-panels/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/floating-panels/CSHTML.cs
new file mode 100644
index 0000000000..611ee0f9fd
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/floating-panels/CSHTML.cs
@@ -0,0 +1,5 @@
+public class floatingSpacingModel
+{
+ public double[]? cellSpacing { get; set; }
+}
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/floating-panels/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/floating-panels/tagHelper
index 819f2f22e8..5ba87fae1d 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/floating-panels/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/floating-panels/tagHelper
@@ -1,11 +1,18 @@
+
+@{
+ ....
+ floatingSpacingModel modelValue = new floatingSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+}
+
-
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/graphical-representation/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/graphical-representation/CSHTML.cs
new file mode 100644
index 0000000000..d89330ddc4
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/graphical-representation/CSHTML.cs
@@ -0,0 +1,4 @@
+public class cellSpacingModel
+{
+ public double[] cellSpacing { get; set; }
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/graphical-representation/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/graphical-representation/tagHelper
index 5430e4586c..f97ed74bf0 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/graphical-representation/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/graphical-representation/tagHelper
@@ -1,6 +1,13 @@
+@{
+ ...
+ cellSpacingModel modelValue = new cellSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+}
+
+
-
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/modifying-cell-size/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/modifying-cell-size/CSHTML.cs
new file mode 100644
index 0000000000..432efe815c
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/modifying-cell-size/CSHTML.cs
@@ -0,0 +1,5 @@
+public class cellSpacingModel
+{
+ public double[] cellSpacing { get; set; }
+ public double aspectRatio { get; set; }
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/modifying-cell-size/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/modifying-cell-size/tagHelper
index 2d9d77c3f7..6c7b82ef6b 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/modifying-cell-size/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/modifying-cell-size/tagHelper
@@ -1,6 +1,14 @@
+@{
+ ...
+ cellSpacingModel modelValue = new cellSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+ modelValue.aspectRatio = 100 / 50;
+}
+
+
-
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/moving/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/moving/CSHTML.cs
new file mode 100644
index 0000000000..85c1596770
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/moving/CSHTML.cs
@@ -0,0 +1,4 @@
+public class ddCellSpacingModel
+{
+ public double[]? cellSpacing { get; set; }
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/moving/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/moving/tagHelper
index 4999ab9b29..98d8d5b494 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/moving/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/moving/tagHelper
@@ -1,7 +1,11 @@
-@model WebApplication.Controllers.HomeController.spacingModel
+@{
+ ...
+ ddCellSpacingModel modelValue = new ddCellSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+}
@@ -36,19 +79,19 @@
-
+
@@ -21,14 +25,14 @@
\ No newline at end of file
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-position/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-position/CSHTML.cs
new file mode 100644
index 0000000000..85216ca578
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-position/CSHTML.cs
@@ -0,0 +1,4 @@
+public class panelCellSpacingModel
+{
+ public double[]? cellSpacing { get; set; }
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-position/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-position/tagHelper
index 2d60e2cace..86682d5f18 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-position/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-position/tagHelper
@@ -1,6 +1,13 @@
+@{
+ ..
+ panelCellSpacingModel modelValue = new panelCellSpacingModel();
+ modelValue.cellSpacing = new double[] { 20, 20 };
+}
+
+
-
+
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-size/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-size/CSHTML.cs
new file mode 100644
index 0000000000..85216ca578
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-size/CSHTML.cs
@@ -0,0 +1,4 @@
+public class panelCellSpacingModel
+{
+ public double[]? cellSpacing { get; set; }
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-size/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-size/tagHelper
index 8972fe9c3c..2c8f1fc015 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-size/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/panel-size/tagHelper
@@ -1,6 +1,13 @@
+@{
+ ...
+ panelCellSpacingModel modelValue = new panelCellSpacingModel();
+ modelValue.cellSpacing = new double[] { 20, 20 };
+}
+
+
-
+
@@ -30,4 +37,4 @@
text-align: center;
line-height: 90px;
}
-
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/placing-content/CSHTML.cs b/ej2-asp-core-mvc/code-snippet/dashboard-layout/placing-content/CSHTML.cs
new file mode 100644
index 0000000000..e8949d6e67
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/placing-content/CSHTML.cs
@@ -0,0 +1,21 @@
+public class componentSpacingModel
+{
+ public double[]? cellSpacing { get; set; }
+}
+public class ChartData
+{
+ public string? month;
+ public double sales;
+}
+public class LineData
+{
+ public double x;
+ public double y;
+}
+
+public class PieData
+{
+ public string x;
+ public double y;
+ public string? text;
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/dashboard-layout/placing-content/tagHelper b/ej2-asp-core-mvc/code-snippet/dashboard-layout/placing-content/tagHelper
index 736e9fbf24..f75f9a68c2 100644
--- a/ej2-asp-core-mvc/code-snippet/dashboard-layout/placing-content/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/dashboard-layout/placing-content/tagHelper
@@ -1,6 +1,49 @@
+@{
+ ...
+ componentSpacingModel modelValue = new componentSpacingModel();
+ modelValue.cellSpacing = new double[] { 10, 10 };
+
+ List chartData = new List
+ {
+ new ChartData { month = "Jan", sales = 35, },
+ new ChartData { month = "Feb", sales = 28, },
+ new ChartData { month = "Mar", sales = 34, },
+ new ChartData { month = "Apr", sales = 32, },
+ new ChartData { month = "May", sales = 40, },
+ new ChartData { month = "Jun", sales = 32, },
+ new ChartData { month = "Jul", sales = 35, },
+ new ChartData { month = "Aug", sales = 55, },
+ new ChartData { month = "Sep", sales = 38, },
+ new ChartData { month = "Oct", sales = 30, },
+ new ChartData { month = "Nov", sales = 25, },
+ new ChartData { month = "Dec", sales = 32, }
+ };
+
+ List lineData = new List
+ {
+ new LineData { x = 2013, y = 28, },
+ new LineData { x = 2014, y = 25, },
+ new LineData { x = 2015, y = 26, },
+ new LineData { x = 2016, y = 27, },
+ new LineData { x = 2017, y = 32, },
+ new LineData { x = 2018, y = 35, }
+ };
+
+ List pieData1 = new List
+ {
+ new PieData { x = "Chrome", y = 37, text = "37%", },
+ new PieData { x = "UC Browser", y = 17, text = "17%", },
+ new PieData { x = "iPhone", y = 19, text = "19%", },
+ new PieData { x = "Others", y = 4, text = "4%", },
+ new PieData { x = "Opera", y = 11, text = "11%", },
+ new PieData { x = "Android", y = 12, text = "12%", }
+ };
+}
+
+
-
+
@@ -12,15 +55,15 @@
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
+
@@ -21,12 +25,12 @@
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/custombutton/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/custombutton/tagHelper
index 897d79fc5e..7c35424522 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/custombutton/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/custombutton/tagHelper
@@ -1,25 +1,42 @@
-
@@ -21,34 +16,30 @@ @using Syncfusion.EJ2.DropDowns
- @Html.EJS().NumericTextBox("Freight").Format("C2").Placeholder("Freight").Render()
+ @Html.EJS().NumericTextBox("Freight").Format("C2").Placeholder("Freight").FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Always).Render()
- @Html.EJS().DatePicker("OrderDate").Placeholder("Order Date").Render()
+ @Html.EJS().DatePicker("OrderDate").Placeholder("Order Date").FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Always).Render()
- @Html.EJS().DropDownList("ShipCountry").DataSource(ViewBag.dataSource).Placeholder("Ship Country").Fields(new DropDownListFieldSettings { Text = "ShipCountry", Value = "ShipCountry" }).Render()
-
+ @Html.EJS().DropDownList("ShipCountry").DataSource(ViewBag.dataSource).Placeholder("Ship Country").Fields(new Syncfusion.EJ2.DropDowns.DropDownListFieldSettings { Text = "ShipCountry", Value = "ShipCountry" }).FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Always).Render()
- @Html.EJS().DropDownList("ShipCity").DataSource(ViewBag.dataSource).Placeholder("Ship City").Fields(new DropDownListFieldSettings { Text = "ShipCity", Value = "ShipCity" }).Render()
+ @Html.EJS().DropDownList("ShipCity").DataSource(ViewBag.dataSource).Placeholder("Ship City").Fields(new Syncfusion.EJ2.DropDowns.DropDownListFieldSettings { Text = "ShipCity", Value = "ShipCity" }).FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Always).Render()
-
+ @Html.TextArea("ShipAddress")
@@ -20,7 +16,6 @@ @using Syncfusion.EJ2
-
+
-
+
@@ -53,5 +47,4 @@ @using Syncfusion.EJ2
@@ -21,33 +16,30 @@ @using Syncfusion.EJ2.DropDowns
- @Html.EJS().NumericTextBox("Freight").Value(Model.Freight).Format("C2").Placeholder("Freight").Render()
+ @Html.EJS().NumericTextBox("Freight").Value(Model.Freight).Format("C2").Placeholder("Freight").FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Always).Render()
- @Html.EJS().DatePicker("OrderDate").Value(Model.OrderDate).Placeholder("Order Date").Render()
+ @Html.EJS().DatePicker("OrderDate").Value(Model.OrderDate).Placeholder("Order Date").FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Always).Render()
- @Html.EJS().DropDownList("ShipCountry").DataSource(ViewBag.dataSource).Value(Model.ShipCountry).Placeholder("Ship Country").Fields(new DropDownListFieldSettings { Text = "ShipCountry", Value = "ShipCountry" }).Render()
+ @Html.EJS().DropDownList("ShipCountry").DataSource(ViewBag.dataSource).Value(Model.ShipCountry).Placeholder("Ship Country").Fields(new Syncfusion.EJ2.DropDowns.DropDownListFieldSettings { Text = "ShipCountry", Value = "ShipCountry" }).FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Always).Render()
- @Html.EJS().DropDownList("ShipCity").DataSource(ViewBag.dataSource).Value(Model.ShipCity).Placeholder("Ship City").Fields(new DropDownListFieldSettings { Text = "ShipCity", Value = "ShipCity" }).Render()
+ @Html.EJS().DropDownList("ShipCity").DataSource(ViewBag.dataSource).Value(Model.ShipCity).Placeholder("Ship City").Fields(new Syncfusion.EJ2.DropDowns.DropDownListFieldSettings { Text = "ShipCity", Value = "ShipCity" }).FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Always).Render()
-
+ @Html.TextArea("ShipAddress")