Scrolable Bootstrap List Group


#1

Hi

I am trying to get a BS List Group to scroll within the bounds of a container (and also keep the header visible).

When I deploy to a device via Volt or Phonegap the scroll bars do not display.

What am I doing wrong?
scrolllistgroup.nsx (17.1 KB)


#2

Most mobile browsers do not show scrollbars, or only show them when you are actually scrolling. iOS led the way on this.


#3

Maybe my message was not clear. Scrolling does not work as per my example whether the scroll bars are there or not.


#4

I was able to reproduce what you are seeing, but I don’t have a solution myself.


#5

Hi George Whats the solution to the problem? I need a scrolling list with a fixed Page Header. My App relies heavily on BS. I don’t want to introduce JQM list as its not recommended to mix.

Datatable is an option but its not pretty.

Thanks

Rodney


#6

I know this is an old post but is there a solution to make a BS List Group scroll? I’ve tried with and without a container with no luck scrolling when deployed to Volt. It scrolls fine when deployed to Desktop Browser.


B.S. list group scrolling
#7

The attached project works for me on the desktop, Volt, and on mobile. I didn’t try it on PhoneGap but imagine it would work there too.

My example project is set up to be responsive, so there is some code on Form1’s code page. I also added both a header and a footer to better show the contained scrolling effect.

You can add an outer div (container) to all of this if you wish and it should work basically the same.

The element’s scrolling CSS is set up in the style property of both GridRow1 and ListGroup1. You’ll want to especially note that.

Kind regards,
Doug

bs-scrolling-list.nsx (19.8 KB)


Need help getting scrolling Select Group on iPad
#8

This is great Doug. Exactly what I was struggling with. Thank you :slight_smile:


#9

Hi Doug. How do I get the listgroup to scroll to a specific item?