From b7b2f870e7c29ffe57820092dd133b2b46e515ff Mon Sep 17 00:00:00 2001
From: suba-1997 <subalakshmi.r@syncfusion.com>
Date: Thu, 6 Feb 2025 17:17:34 +0530
Subject: [PATCH] 938381: Test and resolve issues in UG all sections - ASP MVC
 Timeline control.

---
 .../code-snippet/timeline/events/beforeItemRender/razor   | 5 +++--
 .../timeline/events/beforeItemRender/tagHelper            | 2 +-
 .../code-snippet/timeline/events/created/razor            | 8 ++++----
 .../code-snippet/timeline/events/created/tagHelper        | 2 +-
 .../code-snippet/timeline/items/dot-item/razor            | 2 +-
 5 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/ej2-asp-core-mvc/code-snippet/timeline/events/beforeItemRender/razor b/ej2-asp-core-mvc/code-snippet/timeline/events/beforeItemRender/razor
index 334a942394..f47d8a5a6d 100644
--- a/ej2-asp-core-mvc/code-snippet/timeline/events/beforeItemRender/razor
+++ b/ej2-asp-core-mvc/code-snippet/timeline/events/beforeItemRender/razor
@@ -1,7 +1,8 @@
 @using Syncfusion.EJ2.Layouts
 
-@Html.EJS().Timeline("Timeline").BeforeItemRender("function(args) { beforeItemRenderEvent(args) }").Items(ViewBag.productLifecycle).Render()
-
+<div id="container" style="height: 250px;">
+    @Html.EJS().Timeline("Timeline").BeforeItemRender("function(args) { beforeItemRenderEvent(args) }").Items(ViewBag.productLifecycle).Render()
+</div>
 <script>
     function beforeItemRenderEvent(args) {
         // your required action here..
diff --git a/ej2-asp-core-mvc/code-snippet/timeline/events/beforeItemRender/tagHelper b/ej2-asp-core-mvc/code-snippet/timeline/events/beforeItemRender/tagHelper
index 043da1bddf..2fe646b6ba 100644
--- a/ej2-asp-core-mvc/code-snippet/timeline/events/beforeItemRender/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/timeline/events/beforeItemRender/tagHelper
@@ -1,4 +1,4 @@
-@using Syncfusion.EJ2.Navigations;
+@using Syncfusion.EJ2.Layouts;
 
 <div class="container" style="height: 350px">
     <ejs-timeline id="timeline" beforeItemRender="function(args){ beforeItemRenderEvent(args) }">
diff --git a/ej2-asp-core-mvc/code-snippet/timeline/events/created/razor b/ej2-asp-core-mvc/code-snippet/timeline/events/created/razor
index 2b5f94be40..08c30a0c94 100644
--- a/ej2-asp-core-mvc/code-snippet/timeline/events/created/razor
+++ b/ej2-asp-core-mvc/code-snippet/timeline/events/created/razor
@@ -1,9 +1,9 @@
 @using Syncfusion.EJ2.Layouts
-
-@Html.EJS().Timeline("timeline").Items(ViewBag.productLifecycle).Created("function(args) { createdEvent() }").Render()
-
+<div id="container" style="height: 250px;">
+    @Html.EJS().Timeline("timeline").Items(ViewBag.productLifecycle).Created("function(args) { createdEvent() }").Render()
+</div>
 <script>
     function createdEvent() {
         // your required action here..
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/ej2-asp-core-mvc/code-snippet/timeline/events/created/tagHelper b/ej2-asp-core-mvc/code-snippet/timeline/events/created/tagHelper
index 7feb2ca934..9ba0738423 100644
--- a/ej2-asp-core-mvc/code-snippet/timeline/events/created/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/timeline/events/created/tagHelper
@@ -1,4 +1,4 @@
-@using Syncfusion.EJ2.Navigations;
+@using Syncfusion.EJ2.Layouts;
 
 <div class="container" style="height: 350px">
     <ejs-timeline id="timeline" created="function(args){ createdEvent() }">
diff --git a/ej2-asp-core-mvc/code-snippet/timeline/items/dot-item/razor b/ej2-asp-core-mvc/code-snippet/timeline/items/dot-item/razor
index 52c3ab79b8..1c605833bc 100644
--- a/ej2-asp-core-mvc/code-snippet/timeline/items/dot-item/razor
+++ b/ej2-asp-core-mvc/code-snippet/timeline/items/dot-item/razor
@@ -1,4 +1,4 @@
-@using Syncfusion.EJ2.Navigations
+@using Syncfusion.EJ2.Layouts
 
 <div id="container" style="height: 350px;">
     @Html.EJS().Timeline("timeline").Items(ViewBag.dotItems).Render()