Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Native Development

Reply
Highlighted
Developer
Posts: 89
Registered: ‎10-18-2012
My Device: BB Z10
My Carrier: -
Accepted Solution

Hide Scrollbar in ScrollView

Hi all,

 

is there any way to hide the scrollbar in a scrollview?

 

Regards.

Developer
Posts: 6,473
Registered: ‎12-08-2010
My Device: PlayBook, Z10
My Carrier: none

Re: Hide Scrollbar in ScrollView

You'd expect there to be a property like https://developer.blackberry.com/cascades/reference/bb__cascades__listview.html#scrollindicatormode in the ListView, but it appears they left that out of Beta 3 so for now I believe there's no way to do that. A new update is expected by end of November so with any luck we'll see it then.

If you really want to maximize the chances this is dealt with, create a Feature Request for it in the Jira issue tracker. See link to Developer Issue Tracker at the bottom of http://developer.blackberry.com

Peter Hansen -- (BB10 and dev-related blog posts at http://peterhansen.ca.)
Author of White Noise and Battery Guru for BB10 and for PlayBook | Get more from your battery!
BlackBerry Development Advisor
Posts: 252
Registered: ‎08-17-2012
My Device: BlackBerry Z10 and Q10
My Carrier: Bell

Re: Hide Scrollbar in ScrollView

Hi ,

 

Thanks for your question!

 

There is currently no way to remove the scroll indictors in a scrollview. However, here are two workaround options you can try:

 

  1. You could skip the scrollView and write the touch and scroll handling yourself.
  2. Or make the scrollview larger than the screen so the scrollbars gets positioned outside the screen, i.e. something like:

Page {

Container {

    layout: AbsoluteLayout {

    }

    ScrollView {

        scrollViewProperties.scrollMode: ScrollMode.Both

        layoutProperties: AbsoluteLayoutProperties {

            positionY: -20

            positionX: 20

        }

        translationX: -20

        preferredWidth: 768 + 20

        preferredHeight: 1280 + 20

        ImageView {

            imageSource: "asset:///images/myimage.png"

            preferredHeight: 5000

            preferredWidth: 5000

        }

    }

}

}

@SamarAbdelsayed

Did this answer your question? Please accept post as solution.
Please refrain from posting new questions in solved threads.
Found a bug? Report it using the Issue Tracker