Scroller visibility over dark image

4 posts, 0 answers
  1. Frederic
    Frederic avatar
    16 posts
    Member since:
    Aug 2011

    Posted 19 Feb 2013 Link to this post

    Hello,

    when the scroller is over dark image it can't be seen. On Ios the default scrollbar have some how a white border or white glow around the scrollbar so with white border and black content the scrollbar has a much better visibility.

    can we do something to improve the visibility of the scrollbar?

    Thank you
  2. MasterChiefMasterChef
    MasterChiefMasterChef avatar
    152 posts
    Member since:
    Jan 2013

    Posted 20 Feb 2013 Link to this post

    Hi Frederic,

    You should be able to apply a css class to the kendo scroller to change the way that it looks and to make it more visible. You may wat to take a look at the Appearance and Styling page in the docs. Toward the bottom you will see that you can target specific browsers (.k-ie , .k-safari) and then target specific controls inside of said browser choice. This should be enough information to get you to start  styling your kendo application.

    Good luck,
    Master Chief
  3. Kendo UI is VS 2017 Ready
  4. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 21 Feb 2013 Link to this post

    Hello guys,

    Master Chief is right, to improve the visibility you can apply custom CSS rules to the scroller element. As an example: 
    .km-ios .km-touch-scrollbar {
        border: 1px solid #FFFFFF;
    }

    For convenience I prepared a small example: http://jsbin.com/ehaval/2/edit

    Kind regards,
    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Frederic
    Frederic avatar
    16 posts
    Member since:
    Aug 2011

    Posted 22 Feb 2013 Link to this post

    Thank you, I have added the border and we can view the scroll bar properly now.
Back to Top
Kendo UI is VS 2017 Ready