diff --git a/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-FnContent/HTML.cs b/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-FnContent/HTML.cs index 17a5428c98..22b15df510 100644 --- a/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-FnContent/HTML.cs +++ b/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-FnContent/HTML.cs @@ -11,7 +11,7 @@ public partial class DiagramController: Controller { private string CreateNodeContent(string nodeId) { return $"
"; - }; + } public ActionResult Nodes() { @@ -27,6 +27,6 @@ public ActionResult Nodes() }); ViewBag.nodes = nodes; return View(); - }; + } }; }; \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-Template/HTML.cs b/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-Template/HTML.cs index 58df414857..ee81beed62 100644 --- a/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-Template/HTML.cs +++ b/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-Template/HTML.cs @@ -20,6 +20,6 @@ public ActionResult Nodes() { }); ViewBag.nodes = nodes; return View(); - }; + } }; }; \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-TemplateFnNode/HTML.cs b/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-TemplateFnNode/HTML.cs index 9f0728e3df..4389872211 100644 --- a/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-TemplateFnNode/HTML.cs +++ b/ej2-asp-core-mvc/code-snippet/diagram/shapes/HTML-TemplateFnNode/HTML.cs @@ -11,7 +11,7 @@ public partial class DiagramController: Controller { public string CreateNodeContent(string nodeId) { return $"
"; - }; + } public ActionResult Nodes() { @@ -27,6 +27,6 @@ public ActionResult Nodes() }); ViewBag.nodes = nodes; return View(); - }; + } }; }; \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/diagram/shapes/Native-TemplateFnNode/HTML.cs b/ej2-asp-core-mvc/code-snippet/diagram/shapes/Native-TemplateFnNode/HTML.cs index 79268693e7..dc8bf962df 100644 --- a/ej2-asp-core-mvc/code-snippet/diagram/shapes/Native-TemplateFnNode/HTML.cs +++ b/ej2-asp-core-mvc/code-snippet/diagram/shapes/Native-TemplateFnNode/HTML.cs @@ -11,7 +11,7 @@ public partial class DiagramController: Controller { public string CreateNodeContent(string nodeId) { return $""; - }; + } public ActionResult Nodes() { @@ -27,6 +27,6 @@ public ActionResult Nodes() }); ViewBag.nodes = nodes; return View(); - }; + } }; }; \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/diagram/shapes/native-FnContent/native.cs b/ej2-asp-core-mvc/code-snippet/diagram/shapes/native-FnContent/native.cs index b30fc385e2..916710d82b 100644 --- a/ej2-asp-core-mvc/code-snippet/diagram/shapes/native-FnContent/native.cs +++ b/ej2-asp-core-mvc/code-snippet/diagram/shapes/native-FnContent/native.cs @@ -13,7 +13,7 @@ private string CreateNodeContent(string nodeId) return @" "; - }; + } public ActionResult Nodes() { @@ -29,6 +29,6 @@ public ActionResult Nodes() }); ViewBag.nodes = nodes; return View(); - }; + } }; }; \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/diagram/shapes/native-Template/SVG.cs b/ej2-asp-core-mvc/code-snippet/diagram/shapes/native-Template/SVG.cs index 60a8bc90a0..79534b70b1 100644 --- a/ej2-asp-core-mvc/code-snippet/diagram/shapes/native-Template/SVG.cs +++ b/ej2-asp-core-mvc/code-snippet/diagram/shapes/native-Template/SVG.cs @@ -20,6 +20,6 @@ public ActionResult Nodes() { }); ViewBag.nodes = nodes; return View(); - }; + } }; }; diff --git a/ej2-asp-core-mvc/code-snippet/diagram/shapes/native/native.cs b/ej2-asp-core-mvc/code-snippet/diagram/shapes/native/native.cs index ce12b3d424..6a50b71b2b 100644 --- a/ej2-asp-core-mvc/code-snippet/diagram/shapes/native/native.cs +++ b/ej2-asp-core-mvc/code-snippet/diagram/shapes/native/native.cs @@ -22,6 +22,6 @@ public ActionResult Nodes() { }); ViewBag.nodes = nodes; return View(); - }; + } }; }; \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/diagram/symbol-palette/contentTemplate/palette.cs b/ej2-asp-core-mvc/code-snippet/diagram/symbol-palette/contentTemplate/palette.cs new file mode 100644 index 0000000000..58268f8596 --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/diagram/symbol-palette/contentTemplate/palette.cs @@ -0,0 +1,50 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Web; +using System.Web.Mvc; +using Syncfusion.EJ2.Diagrams; +using System.Drawing; + +namespace EJ2MVCSampleBrowser.Controllers.Diagram +{ + public partial class DiagramController : Controller + { + public string CreateNodeContent(string nodeId) + { + if (nodeId == "node1") + return $"
📞Call
Client Call @10AM
+1 234 567 8901
"; + else + { + return $""; + }; + } + + public ActionResult Nodes() + { + List nodes = new List(); + + nodes.Add(new DiagramNode() + { + Id = "node1", + Width = 100, + Height = 100, + Shape = new DiagramHtml() { Type = Syncfusion.EJ2.Diagrams.Shapes.HTML, content = CreateNodeContent("node1") } + }); + + nodes.Add(new DiagramNode() + { + Id = "node2", + Width = 100, + Height = 100, + Shape = new DiagramNative() { Type = Syncfusion.EJ2.Diagrams.Shapes.Native, Scale = Stretch.Stretch, content = CreateNodeContent("node2") } + }); + + ViewBag.nodes = nodes; + List palettes = new List(); + palettes.Add(new SymbolPalettePalette() { Id = "palette", Expanded = true, Symbols = nodes, Title = "HTML and SVG Nodes" }); + ViewBag.palettes = palettes; + return View(); + } + }; +}; \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/diagram/symbol-palette/contentTemplate/tagHelper b/ej2-asp-core-mvc/code-snippet/diagram/symbol-palette/contentTemplate/tagHelper new file mode 100644 index 0000000000..f2960b9ca4 --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/diagram/symbol-palette/contentTemplate/tagHelper @@ -0,0 +1,5 @@ + + + + \ No newline at end of file diff --git a/ej2-asp-core-mvc/diagram/connectors.md b/ej2-asp-core-mvc/diagram/connectors.md index c3386d41a2..49528b994e 100644 --- a/ej2-asp-core-mvc/diagram/connectors.md +++ b/ej2-asp-core-mvc/diagram/connectors.md @@ -912,9 +912,14 @@ The following example demonstrates undo and redo functionality for connector seg {% endif %} ``` javascript -var diagram = document.getElementById("container").ej2_instances[0]; -diagram.undo(); -diagram.redo(); +function undo(){ + var diagram = document.getElementById("container").ej2_instances[0]; + diagram.undo(); +}; +function redo(){ + var diagram = document.getElementById("container").ej2_instances[0]; + diagram.redo(); +}; ``` diff --git a/ej2-asp-core-mvc/diagram/symbol-palette.md b/ej2-asp-core-mvc/diagram/symbol-palette.md index bed4255f4a..0e0bae5b66 100644 --- a/ej2-asp-core-mvc/diagram/symbol-palette.md +++ b/ej2-asp-core-mvc/diagram/symbol-palette.md @@ -96,30 +96,6 @@ Templates can be defined either as strings or functions and assigned to the node {% endtabs %} {% endif %} -### HTML and SVG node with node template - -The Symbol Palette [`nodeTemplate`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Diagrams.SymbolPalette.html#Syncfusion_EJ2_Diagrams_SymbolPalette_NodeTemplate property allows you to define reusable HTML or SVG structures that can be applied to multiple symbols. This approach is efficient when several palette symbols share a similar visual structure but contain different data. - -Templates should be created within `