Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I'm using Views Infinite Scroll with the latest release of Bootstrap (7.x-2.0-beta2) and when I scroll to the bottom of a view, nothing happens. Once I change over to Zurb Foundation (7.x-1.x-dev), infinite scroll loads more content.
Anyone else see this issue? I haven't been able to pin point it yet.
Comment | File | Size | Author |
---|---|---|---|
#8 | views_infinite_scroll-1889320-8.patch | 1.21 KB | glekli |
Comments
Comment #1
BeaPower CreditAttribution: BeaPower commentedSame issue, any fix?
Comment #2
Brian.Harris CreditAttribution: Brian.Harris commentedI have it semi working with bootstrap -- I had to install jquery update and use jquery 1.8. However jquery update 1.8 breaks the views edit form so I also had to use this code in a custom module. http://drupal.org/node/1766240#comment-7147006
Now the only problem is when it loads new nodes it's inserting them into the wrong div which causes the nodes to overlay over each other.
Comment #3
BeaPower CreditAttribution: BeaPower commentedHopefully someone can provide a working solution?
Comment #4
TheJoker CreditAttribution: TheJoker commentedI also use the bootstrap and scrolling does not work. But I decided to create a view with the default settings and autoloading works now, it means that the problem is in the theming of the view. We must look for what settings to use.
Comment #5
TheJoker CreditAttribution: TheJoker commentedI'm sorry, but I use the bootstrap and modules to keep the code clean. Here I see the strings on the standard setting, which is very sad. Why should I then cleaned?
Comment #6
TheJoker CreditAttribution: TheJoker commentedI still put this module. The truth had to make some correction in the code (to keep clean). But rather related to the topic of this http://drupal.org/node/1854100.
For the operation of the module needed to bootstrap native classes Views. But to remove the pager which rewrites the bootstrap knit, you need to add views-view.tpl.php this wrapper for pager:
Then throw in the templates folder of your theme.
Comment #7
prezaeis CreditAttribution: prezaeis commentedanyone found a fix for this ?
Comment #8
glekli CreditAttribution: glekli commentedThe issue is that the module expects css classes that are specific to the selected Views display format. This is likely to break the infinite scroll if you select any display format other than the build-in ones.
I'm attaching a patch that makes it work with the Bootstrap Grid and Thumbnails format of the Views Bootstrap module (version 3).
Comment #9
shortspoken CreditAttribution: shortspoken commentedThanks @Gergely Lekli.
I can confirm that this patch is working. As I am using Bootstrap 2 the class name für the grid-style is '.row-fluid' though. Didn't test the thumbnail style.
Cheers, Moritz
Comment #10
aeremeev CreditAttribution: aeremeev commented#8 is a solutions that works. Thanks Gergely!
Comment #11
Christopher Riley CreditAttribution: Christopher Riley commentedPatch works for me
Comment #12
simone960 CreditAttribution: simone960 commented#8 doesn't work with Bootstrap 7.x-3.0. Any patch for the version 3 ?
Comment #13
zuzu83 CreditAttribution: zuzu83 commented#8 works fine with Bootstrap 3
Comment #14
Ravenight CreditAttribution: Ravenight commented#8 works fine with Bootstrap 3 - It does not like Lazy Panel Pane though.
Comment #15
shortspoken CreditAttribution: shortspoken commentedPlease commit this to dev. Its totally working.
Comment #16
Yorgg CreditAttribution: Yorgg commentedIt does not work if you are using a four column views responsive grid, but the three column grid works though with the same code.
Bootstrap 3.1.0
JQuery_Update UI 1.8
Comment #17
hMeshins CreditAttribution: hMeshins commentedHi there I've been having issues with Infinite Scroll and Bootstrap 3. I've changed my grid to 3 columns and jQuery to 1.8 and applied the patch but for some reason the scroll only works when a user has logged in and doesn't function at all otherwise. You also have to scroll from top to bottom a couple of times before it loads more content.
Comment #18
philsward CreditAttribution: philsward commented#8 worked with the bootstrap grids, however did "not" work with the bootstrap thumbnails.
Easy fix though.
should be:
Comment #19
Honza Pobořil CreditAttribution: Honza Pobořil as a volunteer commented