Merge pull request #4039 from syncfusion-content/ES-918830

kmkrish001 · web-flow · commit 9958d2382d3f · 2025-03-24T12:09:22.000+05:30
918830: Added the Accordion style documentation link in the partial view Sidebar topic.
diff --git a/ej2-asp-core-mvc/code-snippet/sidebar/partial-view/razor b/ej2-asp-core-mvc/code-snippet/sidebar/partial-view/razor
@@ -8,8 +8,8 @@
         @Styles.Render("~/Content/css")
         @Styles.Render("~/Content/styles.css")
         @Scripts.Render("~/bundles/modernizr")
-        <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/material.css" />
-        <script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>
+        <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/28.2.3/ej2-base/styles/material.css" />
+        <script src="https://cdn.syncfusion.com/ej2/28.2.3/dist/ej2.min.js" type="text/javascript"></script>
     </head>
     <body>
         @Html.Partial("_RenderPartialView")
diff --git a/ej2-asp-core-mvc/code-snippet/sidebar/partial-view/tagHelper b/ej2-asp-core-mvc/code-snippet/sidebar/partial-view/tagHelper
@@ -6,10 +6,9 @@
     <title>@ViewData["Title"] - layout_page</title>
     <!-- Syncfusion Essential JS 2 Styles -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/material.css" />
-    <link rel="stylesheet" href="~/css/styles.css" /
-    <!-- Syncfusion Essential JS 2 Scripts -->
-    <script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>
+    <link rel="stylesheet" href="~/css/styles.css" />
+    <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/28.2.3/ej2-base/styles/material.css" />
+    <script src="https://cdn.syncfusion.com/ej2/28.2.3/dist/ej2.min.js" type="text/javascript"></script>
     <environment include="Development">
         <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
         <link rel="stylesheet" href="~/css/site.css" />
diff --git a/ej2-asp-core-mvc/sidebar/how-to/sidebar-with-partial-view.md b/ej2-asp-core-mvc/sidebar/how-to/sidebar-with-partial-view.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Sidebar With Partial View in ##Platform_Name## Sidebar Component
-description: Learn here all about Sidebar With Partial View in Syncfusion ##Platform_Name## Sidebar component of Syncfusion Essential JS 2 and more.
+title: Partial View with Syncfusion ##Platform_Name## Sidebar control
+description: Learn here all about Sidebar With Partial View in Syncfusion ##Platform_Name## Sidebar control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: Sidebar With Partial View
 publishingplatform: ##Platform_Name##
@@ -11,10 +11,12 @@ documentation: ug
 
 # Sidebar with partial view
 
-The following example demonstrates how to render the sidebar with partial view. Sidebar element is  placed inside the RenderPartialView.cshtml and refer that sidebar element in layout page.
+The example below demonstrates how to render the Sidebar using a partial view. The Sidebar element is included inside the **RenderPartialView.cshtml** file and is referenced in the layout page. The Accordion control is rendered inside the Sidebar.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
+Additionally, you can use this [`link`](https://ej2.syncfusion.com/aspnetcore/documentation/accordion/style) for more Accordion control styles.
+
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/sidebar/partial-view/tagHelper %}
@@ -25,10 +27,15 @@ The following example demonstrates how to render the sidebar with partial view.
 {% highlight c# tabtitle="_RenderPartialView_core.cshtml" %}
 {% include code-snippet/sidebar/partial-view/_RenderPartialView_core.cshtml %}
 {% endhighlight %}
+{% highlight c# tabtitle="style" %}
+{% include code-snippet/sidebar/partial-view/styles.css %}
+{% endhighlight %}
 {% endtabs %}
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
+Additionally, you can use this [`link`](https://ej2.syncfusion.com/aspnetmvc/documentation/accordion/style) for more Accordion control styles.
+
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/sidebar/partial-view/razor %}
@@ -39,7 +46,11 @@ The following example demonstrates how to render the sidebar with partial view.
 {% highlight c# tabtitle="_RenderPartialView_mvc.cshtml" %}
 {% include code-snippet/sidebar/partial-view/_RenderPartialView_mvc.cshtml %}
 {% endhighlight %}
+{% highlight c# tabtitle="style" %}
+{% include code-snippet/sidebar/partial-view/styles.css %}
+{% endhighlight %}
 {% endtabs %}
+
 {% endif %}
 
 
diff --git a/ej2-asp-core-mvc/sidebar/images/layout_page.png b/ej2-asp-core-mvc/sidebar/images/layout_page.png
