[HELP] Sidebar design confusion

[Dana]

Hello, I have some issue with the syncfusion Sidebar regarding its usage for the design website. I tried using the side bar for my own personal use, however, it looked like this instead.

Is there a way to make its design look similar to the picture below?

Thank you for the assistance.

[Deepa Loganathan]

Hi Dana,  

 

Thanks for contacting Syncufsion support. 

 

From the details provided in the last update, we understood that you wish to display a list of items in the Siderbar. To achieve this, you can integrate the EJ2 Listview with the Sidebar component.  

 

We have prepared a sample based on your requirement with Stackblitz. Please check the below link.  

 

Sample: https://stackblitz.com/edit/angular-6kr7c4-whzcgs?file=sidebar-list.css  

 

Also, check out the following links to explore further about EJ2 Sidebar control. 

 

  

Getting started : https://ej2.syncfusion.com/angular/documentation/sidebar/getting-started  

  

Sample Browser: https://ej2.syncfusion.com/angular/demos/#/material/sidebar/sidebar-list  

  

API: https://ej2.syncfusion.com/angular/documentation/api/sidebar/sidebarModel/  

  

 

Please, let us know if you need any further assistance. 

 

Regards,  

Deepa L.