Declined
Last Updated: 07 Jun 2019 13:37 by ADMIN
Mark
Created on: 29 May 2019 07:33
Category: Kendo UI for Angular 2+
Type: Feature Request
0
[Grid] In scroll mode 'scrollable', hide the scrollbars if you can't scroll.

Reproduction

Attached Files:
3 comments
ADMIN
Dimiter Topalov
Posted on: 07 Jun 2019 13:37
Hello Mark,

Since Mozilla added support for targeting the scrollbars via CSS too, you can try a cross-browser solution for hiding the scrollbars via CSS, e.g.:

https://stackblitz.com/edit/ka-grid-sticky-rows-bgqp9y?file=app/app.component.ts

This is not a tested or official solution - just a suggestion that might point you in the right direction. The suggested approach is to let the Grid built-in rendering mechanism determine whether or not the container should be scrollable (based on the Grid scrollable option), and render scrollbars or not accordingly. If hiding/showing the scrollbars via CSS is a must, styling them and all their inner elements uniformly across browsers can prove to be a tedious task, but is probably possible via the proper custom implementation too.

Regards,
Dimiter Topalov
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.
Mark
Posted on: 03 Jun 2019 06:10

Hi Dimiter,

thank you for your quick response! Functionally conditional scrolling would do the job. But the usability experts in our team asked us to visually hide the scrollbars. Would that be possible as well? I tried "overflow: hidden" but that messes up the layout...

ADMIN
Dimiter Topalov
Posted on: 31 May 2019 13:33
Hi Mark,

You can hide and show the scrollbars dynamically depending on whether the content height exceeds the available Grid height as demonstrated in the following documentation example:

https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/#toc-conditional-scrolling

I hope this helps.

Regards,
Dimiter Topalov
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.