Resize Kanban board dynamically

[Christoph Herold]

Dear support team,

is it possible to resize the Kanban widget dynamically to the available height whenever the user resizes the browser's viewport?

Thanks for your help!

Cheers,

Christoph

[Selvamani Sankarappan]

Hi Christoph,   

   

Thanks for contacting Syncfusion Support.   

   

You can resize the Kanban component based on the window resizing by setting the window width height to the Kanban component at window re-size function. Please refer to the following code example:   

   

$(window).resize(function () {   

            var obj = $("#Kanban").data("ejKanban");   

            var winHeight = $(window).height();   

            var winWidth = $(window).width();   

            obj.setModel({ scrollSettings: { height: winHeight, width: winWidth } });             

        });   

   

Please refer to the following sample:   

 

https://jsplayground.syncfusion.com/whudav32   

   

If the above does not meet your requirement, kindly let us know with details or modified the sample based on your application to provide an appropriate solution at the earliest.   

   

Regards,   

   

Selvamani S.   

 

[Christoph Herold]

Hi Selvamani,

I guess, this is exactly the call I have been looking. Thanks a lot.

Am I correct in assuming that, using the setModel method, I can also set any of the other configuration options?

And could you give me a pointer as to where I could have found this answer in the documentation? Looking at the documentation for ejKanban, I cannot find any reference to this method anywhere.

Thanks again for your help.

Cheers,

Christoph

[Selvamani Sankarappan]

Hi Christoph, 

 

Thanks for the update. 

 

We will update regarding this details in documentation as soon as possible. 

 

Please let us know if you need any further assistance. 

 

Regards, 

 

Selvamani S.