damiandennis/yii2-scrollingblocks

Yii2 widget for displaying imaitems like pinterest.

0.1.2 2015-01-02 19:39 UTC

Requires

• php: >=5.4
• bower-asset/imagesloaded: v3.1.8
• bower-asset/modernizr: 2.6.2
• bower-asset/spin.js: 2.0.1
• bower-asset/wookmark-jquery: 1.4.8

BSD-3-Clause

• Damian Dennis

README

No Longer under active development (Looking for maintainer)

This is a pinterest style layout using the wookmark jquery plugin with infinite scrolling and responsive capabilities built in.

Install via composer:

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

You will also need to change your minimum stability in your composer.json to dev

"minimum-stability": "dev",

To use the widget:

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%',
    ]
]);