1. Home
  2. Forum
  3. Blazor
  4. Sticky Sidebar

Sticky Sidebar

Hello,

I am having difficulties making my sidebar sticky. 
Problem

I tried :
.e-sidebar {
    position: sticky;
}
and it sorta worked, but my content disappeared afterwards. 
My razor file is attached in a rar file. I couldn't uploaded as it is, or copy the code (it was too long I guess).



Attachment: Index_6958fc18.rar

2 Replies 1 reply marked as answer
DS Daniel Salyi August 4, 2020 11:09 PM UTC

figured it out,

 .e-sidebar {
        position: fixed; //makes it fixed
    }
        .e-sidebar.e-left {
           top:50px; //sidebar covering the hamburger icon, set a margin
        }

Marked as answer
SP Sowmiya Padmanaban Syncfusion Team August 5, 2020 04:24 AM UTC

Hi Daniel,  
  
We are happy to hear that your probem has been resolved. Please contact us, if you need any help from us. 
  
Regards,  
Sowmiya.P 


Loader.
Up arrow icon