Fixed Side Bar

Author: sjefvanleeuwen

src/Blazor.AdminLte/SideBar/SideBar.razor

@@ -1,8 +1,25 @@
 @namespace Blazor.AdminLte
+@inject IJSRuntime JS 
 <div class="sidebar">
     @ChildContent
 </div>
 @code {
     [Parameter]
     public RenderFragment ChildContent { get; set; }
+
+    private bool _isFixed;
+
+    [Parameter]
+    public bool IsFixed
+    {
+        get
+        {
+            return _isFixed;
+        }
+        set
+        {
+            _isFixed = value;
+            JS.InvokeVoidAsync("sideBarFixed", _isFixed);
+        }
+    }
 }

src/Blazor.AdminLte/wwwroot/js/interop.js

@@ -54,4 +54,12 @@ function dateRangePicker(dotnetRef, el, range, locale, settings) {
 
 function setTitle(title) {
     document.title = title;
+}
+
+function sideBarFixed(isFixed)
+{
+    if (isFixed)
+        $("body").addClass("layout-fixed");
+    else
+        $("body").removeClass("layout-fixed");
 }