Displaying Data As Carousel

Hello Guys

I have been trying to display data from database using the Carousel code below


$this->widget(

    'booster.widgets.TbCarousel',

    array(

        'items' => array(

            array(

                'image' => '',

                'label' => 'First Thumbnail label',

                'caption' => 'First Caption.'

            ),

            array(

                'image' => '',

                'label' => 'Second Thumbnail label',

                'caption' => 'Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.'

            ),

            array(

                'image' => '',

                'label' => 'Third Thumbnail label',

                'caption' => 'Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.'

            ),

        ),

    )

);

All I know that I can actually use the CGridView to list all the data and currently it does what is expected but just to customize the list and show it in a nice way i wanted to use the code above

Current code is


?php $this->widget('zii.widgets.grid.CGridView', array(

                'id'=>'vessel-grid',

                'dataProvider'=>$model->search(),

                'filter'=>$model,

                'columns'=>array(

                    'VesselId',


                    'Condition',

                    'Category',

                    'Picture',

                    'Price',

                    // 'Lenght',

        

        'Location',

     

        //     'class'=>'CButtonColumn',

        //     ),

        ),

        )); ?>

    </div>

Please I am a newbie in YII, Any help would be great!