Last Updated: 15 Oct 2019 16:02 by ADMIN
Created on: 11 Oct 2019 11:20
Category: Dialog
Type: Feature Request
Add "scrollable" option for Dialog

I would like to switch off scrollbars for individual dialogs, thus it would be great to have a scrollable (https://docs.telerik.com/kendo-ui/api/javascript/ui/window/configuration/scrollable) option to control this behavior. This should be also available in the configuration of dialog service.

1 comment
Posted on: 15 Oct 2019 16:02

Hello Holger,

Thank you for submitting this feature request. We will track the customer demand here, and will try to prioritize accordingly.

Meanwhile I hope the following solution will prove to yield the desired behavior:

Since the provided example is for a window component, I will explain how to remove scrollbars for the window component, but the approach is the same for dialogs.

Even though there is no scrollable option, scrollbars can be easily hidden. I have prepared a StackBlitz which demonstrates how to achieve this both by using service and by using kendo-window - https://stackblitz.com/edit/angular-v3w131

There are two main points:

  1. The height of the window has to be fixed. When using kendo-window simply set [height]="{{ someValue }}". When using a service add height: someValue to the configuration of the open() method
  2. Wrap the content of the window in a container which has to have at least these styles:


height: 100%; 
overflow: hidden

Please note that this method won't work when using service with strings(https://www.telerik.com/kendo-angular-ui/components/dialogs/window/service/#toc-using-strings).

Progress Telerik

Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.