Syncfusion Angular Fixed Position Toolbar

Question

Hi there,I'm trying to set the toolbar fixed at the top of the page. By default it scrolls with the page.I've tried using CSS:     position: fixed;  width:100%but it does not display correctly.Is there a way that this is done?Thanks

Ravikumar Venkatesan · Answer

Hi Ervin, 

Greetings from Syncfusion support. 

We have validated your query and based on that we have prepared the below sample with the help of CSS style like below. 

[app.component.css] 
.e-toolbar { 
  position: sticky; 
  top: 0px; 
} 

Sample: https://stackblitz.com/edit/angular-toolbar-with-sticky-position-u7umqy?file=app.component.html 

Kindly try the above sample and get back to us If you would require any further assistance. 

Regards, 
Ravikumar Venkatesan

Ervin van der Merwe · Answer

Your support never fails! Thanks

Nevitha Ravi · Answer

Hi Ervin, 

Your are most welcome. Keep in touch with us for further queries as we are always happy in assisting you. 

Regards, 
Nevitha