Kendo MVC grid - scrollbar size

2 posts, 0 answers
  1. Arul
    Arul avatar
    11 posts
    Member since:
    Oct 2014

    Posted 12 Nov 2014 Link to this post

    Hi:

    Is there a way we could increase the width of the vertical scroll bar in Kendo grid? What is the styling property i should use?
    Can you please provide a sample snippet?

    Thank You,
    Arul.
  2. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 14 Nov 2014 Link to this post

    Hello Arul,

    The size and apperance of native web page scrollbars depend on the operating system and browser. There are ways to change the colors, but every browser requires a different approach and supports different tweaks. With regard to the scrollbar size, your options are limited to Chrome and probably Safari.

    Generally, if you manage to achieve the desired result with a regular scrollable <div> and CSS code, then the same approach will work with the Grid scrollbar.

    https://www.google.com/webhp?q=scrollbar+width+css 

    Keep in mind that custom Javascript-based scrollbars cannot be used with the Grid, because they inject additional DOM elements around / in the scrollable element and this could break the Grid layout or behavior.

    Regards,
    Dimo
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top