We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Set header fixed

We would like to have the header to be fixed on top when the user scrolls down. Any suggestions how to configure this.

3 Replies

BS Balasubramanian Sattanathan Syncfusion Team November 23, 2019 04:59 AM UTC

Hi Johnny, 

Greetings from Syncfusion Support. 

We have prepared sample based on your requirement using below CSS.  

.e-check::-webkit-scrollbar {  
    display: none;  

.e-schedule .e-schedule-toolbar-container {  
    position: fixed !important;  
    top: 0px !important;  
    left: 0px !important;  
    z-index: 10 !important;  
    width: 100%;  

Kindly check the above sample and let us know if you need any further assistance on this. 

Balasubramanian S 

JO Johnny December 20, 2019 06:27 AM UTC

Thx. solved it by setting the height fixed.

VD Vinitha Devi Murugan Syncfusion Team December 20, 2019 11:43 AM UTC

Hi Johnny, 
Thanks for your update. 
We are happy that the problem has been resolved at your end. 
M.Vinitha devi 

Live Chat Icon For mobile
Up arrow icon