Page 1 of 1

How to style / deacrease thickness of scroller

Posted: Sat Aug 09, 2014 8:27 am
by Anil Sagar

How can I decrease the thickness of scroller or style it differently?
Image


How to style / deacrease thickness of scroller

Posted: Sat Aug 09, 2014 8:38 am
by Alena Prykhodko

Hello,

This can be done with custom CSS. Please read here http://www.codeproject.com/Tips/67447... or you can also search online for more solutions.


How to style / deacrease thickness of scroller

Posted: Sat Aug 09, 2014 8:47 am
by Anil Sagar
  1. So this means I can customize it only for safari and chrome?
    1. Am not able to get hold of the class or id of the component scrollbar. All I can see while viewing in 'inspect element' is id for the frame as "id=frame_viewport". Is there a way to get hold of all scroll bars possible in my app and set their style?

How to style / deacrease thickness of scroller

Posted: Mon Aug 11, 2014 5:54 am
by Evgene Karachevtsev

Hello Anil,

Could you please detail, do you develop an application for mobile devices? If you do, then you do not need to worry about scrolling. In the installed application scrolling will be virtual and will not take place, you may check this on your device.


How to style / deacrease thickness of scroller

Posted: Mon Aug 11, 2014 10:32 am
by Anil Sagar

Thanks Evgene. Your answer does solve half of my problem. I am developing an app for mobiles so it seems it should work fine.

In some cases, when I use things like google-charts etc, if the div size is not as per the screen, a scroll-bar comes there as well. Is there a way to make that scroll look better?


How to style / deacrease thickness of scroller

Posted: Mon Aug 11, 2014 12:59 pm
by Evgene Karachevtsev

Anil,

Please look at jquery plugin for scrolling:
http://plugins.jquery.com/tag/scroll/