isotope-jquery Isotope or Masonry Yii Extension copycat of pinterest, pose style

  1. Requirements
  2. Usage
  3. Resources

Download the file and put it on your extension folder

Requirements

Yii 1.1.12 or above haven't tested 1.1.12 below

Usage

Extension is similar to CListView.

<?php
$this->widget('ext.isotope.Isotope',array(
    'dataProvider'=>new CActiveDataProvider('User'),
    'itemView'=>'_view',
    'itemSelectorClass'=>'item',
    'options'=>array(), // options for the isotope jquery
    'infiniteScroll'=>true, // default to true
    'infiniteOptions'=>array(), // javascript options for infinite scroller
    'id'=>'wall',
));
create a _view.php, make sure you put a width to make isotope works
<div class="post item" style="220px">
    <div class="well">
        <h4>
            <a href="<?php echo $data->link ?>" target="_blank"><?php echo $data->title ?></a>
        </h4>
        <div class="info">
            <span class="badge"><?php date('M jS, g:ia',strtotime($data->created_at)) ?></span>
        </div>
    </div>
</div>

Resources

4 0
16 followers
1 638 downloads
Yii Version: 1.1
License: BSD-2-Clause
Category: User Interface
Developed by: bryglen
Created on: Dec 17, 2012
Last updated: 9 years ago

Downloads

show all

Related Extensions