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

Scroller visibility over dark image

3 Answers 36 Views
ScrollView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Frederic
Top achievements
Rank 1
Frederic asked on 19 Feb 2013, 11:01 AM
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

3 Answers, 1 is accepted

Sort by
0
MasterChiefMasterChef
Top achievements
Rank 2
answered on 20 Feb 2013, 08:47 PM
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
0
Alexander Valchev
Telerik team
answered on 21 Feb 2013, 10:33 AM
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!
0
Frederic
Top achievements
Rank 1
answered on 22 Feb 2013, 02:15 PM
Thank you, I have added the border and we can view the scroll bar properly now.
Tags
ScrollView (Mobile)
Asked by
Frederic
Top achievements
Rank 1
Answers by
MasterChiefMasterChef
Top achievements
Rank 2
Alexander Valchev
Telerik team
Frederic
Top achievements
Rank 1
Share this question
or