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.

CommentFileSizeAuthor
#8 views_infinite_scroll-1889320-8.patch1.21 KBglekli
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

BeaPower’s picture

Same issue, any fix?

Brian.Harris’s picture

I 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.

BeaPower’s picture

Hopefully someone can provide a working solution?

TheJoker’s picture

I 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.

TheJoker’s picture

I'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?

TheJoker’s picture

I 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:

<?php if ($pager): ?>
  <div class="item-list">
    <?php print $pager; ?>
  </div>
<?php endif; ?>

Then throw in the templates folder of your theme.

prezaeis’s picture

anyone found a fix for this ?

glekli’s picture

Title: Views Infinite Scroll doesn't work with Bootstrap 7.x-2.0-beta2 » Views Infinite Scroll doesn't work with Bootstrap
Issue summary: View changes
FileSize
1.21 KB

The 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).

shortspoken’s picture

Thanks @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

aeremeev’s picture

#8 is a solutions that works. Thanks Gergely!

Christopher Riley’s picture

Patch works for me

simone960’s picture

#8 doesn't work with Bootstrap 7.x-3.0. Any patch for the version 3 ?

zuzu83’s picture

#8 works fine with Bootstrap 3

Ravenight’s picture

#8 works fine with Bootstrap 3 - It does not like Lazy Panel Pane though.

shortspoken’s picture

Please commit this to dev. Its totally working.

Yorgg’s picture

It 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

hMeshins’s picture

Hi 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.

philsward’s picture

#8 worked with the bootstrap grids, however did "not" work with the bootstrap thumbnails.

Easy fix though.

+      case 'views_bootstrap_thumbnail_plugin_style':
+        $content_selector = 'div.view-content .views-bootstrap-thumbnail-plugin-style';
+        $items_selector = '.col';

should be:

+      case 'views_bootstrap_thumbnail_plugin_style':
+        $content_selector = 'div.view-content .views-bootstrap-thumbnail-plugin-style';
+        $items_selector = '.row';
Honza Pobořil’s picture

Status: Active » Closed (outdated)