Horizontal Scrolling for Kanban Board in EJ2 Angular

Question

I'm using Syncfusion's EJ2 Kanban in my Angular app and encountering an issue with horizontal scrolling. Currently, when adding more columns, the board squeezes everything into the container, making the columns and cards hard to view. In EJ1, I found that there used to be an allowScrolling option, but it seems like this has been removed in EJ2.

Is there a way to enable horizontal scrolling in the Kanban board to avoid this squishing? I’ve attached an image to show how my current setup looks, where the columns are being compressed, and some cards are getting cut off.

Thanks in advance for your help!

Attachment: Screenshot_20240920_154332123123_e173834d.zip

Vinothkumar Yuvaraj · Answer

Hi Raphael Mendes,By default, the width of the entire Kanban board adjusts based on the viewport width. To display the horizontal scrollbar, you can set the width property of the Kanban component to a value greater than the document width. This will ensure that if the columns expand, a scrollbar will appear on the Kanban board.Please refer to the following sample and code for your reference: Sample: https://stackblitz.com/edit/angular-gzanon-k6v5ji?file=src%2Fapp.component.htmlAPI Link :https://ej2.syncfusion.com/javascript/documentation/api/kanban/#widthRegards,Vinothkumar