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

Changing scrollbar in Kendo DropDownList

6 Answers 463 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Andrew
Top achievements
Rank 1
Andrew asked on 17 Dec 2012, 04:45 PM
Is it possible to replace scrollbar in Kendo DropDownList? It would be great to be able to change how the scrollbar in DropDownList popup looks like. But when using styleable scrollbars libraries like jscrollpane, Kendo DropDownList is not working correctly - it instantly closes after opening. Is it possible to solve this problem or use some other way to customize how the scroller looks?

6 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 18 Dec 2012, 01:23 PM
Hi Andrea,

Generally speaking, Kendo UI DropDown relies on the built-in browser scrollbar. Hence you could use CSS to customize its appearance. 

Kind regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Andrew
Top achievements
Rank 1
answered on 18 Dec 2012, 04:21 PM
Thank you but changing scrollbar properties using CSS is supported only in IE and Opera, see for example:
http://help.dottoro.com/lcapccog.php
(see the icons in "possible values" section indicating browser support)
http://forums.mozillazine.org/viewtopic.php?f=4&t=153481

It would be great to be able to use a cross-browser solution capable of working in Firefox and Chrome. That is what jscrollpane is doing, but looks like it's not working with your DropDownList.

So my initial question is still valid.
0
Iliana Nikolova
Telerik team
answered on 19 Dec 2012, 07:45 PM
Hello Andrea,

Actually customizing appearance of the default scrollbar works in all browsers, except Firefox (I researched and found for you this article which demonstrates how to create custom scrollbars in WebKit browsers).

Regarding the jscrollpane, please note it is external third-party library and we cannot ensure that Kendo UI is fully compatible with it. 
 
Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Andrew
Top achievements
Rank 1
answered on 20 Dec 2012, 01:52 PM
Thank you for response. So you cannot suggest a cross-browser solution, but inability to easily change how scroller looks is IMHO a serious disadvantage of DropDownList which is visible even on official Kendo demo, which does not look very nice because of this scroller, especially with non-default theme, see the attached screenshot.

So, is it possible to get from Telerik a sample of how to support restylable scrollbar in Kendo DropDownList in a cross-browser way (including Firefox, which is a very popular browser)? Of course using jscrollpane is not requirement, if you can suggest some other way to do it it would also be great. I'm sure this sample would be very helpful not only for me, because inability to change scroller look&feel greatly affects the overall experience from this control.

Also, could we expect addressing this issue in later releases of Kendo?
0
Accepted
Iliana Nikolova
Telerik team
answered on 20 Dec 2012, 07:58 PM
Hello Andrea,

I am afraid at present "a sample of how to support restylable scrollbar in Kendo DropDownList in a cross-browser way" is not available. The reason is that in the current generation of modern browsers there is no way to consistently style the scrollbars (as I mentioned in my first post, Kendo UI DropDown relies on the built-in browser scrollbar). I can assure you that we continuously research and will do our best to provide a solution in future versions of the product. Please excuse us for the inconvenience caused.

Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Andrew
Top achievements
Rank 1
answered on 21 Dec 2012, 09:25 AM
Thank you very much Iliana for clarifying this matter. I still think it is possible to make jscrollpane working with Kendo DropDownList, will of course let the community know in case I'll find a solution.
Tags
DropDownList
Asked by
Andrew
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Andrew
Top achievements
Rank 1
Share this question
or