damiandennis/yii2-scrollingblocks

Yii2 widget for displaying imaitems like pinterest.

Scrolling Blocks

No Longer under active development (Looking for maintainer), _(*1)

This is a pinterest style layout using the wookmark jquery plugin with infinite scrolling and responsive capabilities built in., _(*2)

Install via composer:, _(*3)

php composer.phar require --prefer-dist damiandennis/yii2-scrollingblocks

You will also need to change your minimum stability in your composer.json to dev, _(*4)

"minimum-stability": "dev",

To use the widget:, _(*5)

namespace damiandennis\scrollingblocks;

echo ScrollingBlocks::widget([
    'dataProvider' => $dataProvider,
    'itemView' => '_view',
    'wallOptions' => [
      'itemWidth' => 200,
      'offset' => 5,
      'autoResize' => true,
      'flexibleWidth' => '20%', //This can be determined by the responsive widths below.
    ],
    'responsiveWidths' => [
      '(max-width: 520px)'=>'100%',
      '(min-width: 521px) and (max-width: 655px)'=>'50%',
      '(min-width: 656px) and (max-width: 1000px)'=>'33%',
      '(min-width: 1001px) and (max-width: 1199px)'=>'25%',
      '(min-width: 1200px)'=>'20%',
    ]
]);