This is a migrated thread and some comments may be shown as answers.

Vertical scroll width issue (Edge/Safari)

2 Answers 245 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Vladimir asked on 13 Apr 2018, 04:15 PM

safari.png

safari2.png

Hi All!

There is a UI issue with kendo grd's vertical scroll width into different browsers.

Vertical scroll's width into Safari/Edge is more narrow than into Chrome for example.

I've seen an idea for removing vertical scroll but I can't use this approach because I have a custom icon-button in the very right-top angle of the grid for 'expand all columns' function (see attachment).

Please help, is it possible to set the same vertical scroll width for Edge/Safri browsers as we have for Chrome browser?..

I've attached two screenshots to visualize my question.

2 Answers, 1 is accepted

Accepted

answered on 17 Apr 2018, 07:40 AM

Hi Vladimir,

The Kendo UI widgets are using the scrollbars that the browsers are rendering and there is no customization over them in the built-in styles, which means that it is not possible to unify the width of the scrollbars through some configuration of the widgets.

There could be some solutions for customizing scrollbars with CSS, but I could not elaborate if there is unified solution for all browsers.

Regards,
Konstantin Dikov
Progress Telerik

Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.