CODEWITHSUNDEEP
phpimagegridviewyii2
Aditya Dharma
Aditya Dharma

Reputation: 718

Set width image in gridview yii2

how to set width image in gridview widget in yii2?

I've been using this method to display the image. Image in gridview in yii2

Upvotes: 8

Views: 16580

Answers (3)

Sreekanth MK
Sreekanth MK

Reputation: 233

Use

'format' => ['image',['width'=>'100','height'=>'100']],

example:

[           
      'attribute' => 'image',
      'format' => ['image',['width'=>'100','height'=>'100']],
      'value' => function($dataProvider) { return $dataProvide->image; },


],

Upvotes: 2

Chinmay Waghmare
Chinmay Waghmare

Reputation: 5456

Use:

'value' => function($data) {
        return Html::img($data->imageurl,['width'=>100]);
   },

And in your model:

  /*
    Return Image url path
  */
   public function getimageurl()
   {
      // return your image url here
      return \Yii::$app->request->BaseUrl.'/uploads/'.$this->ImagePath;
   }

Upvotes: 3

Alex
Alex

Reputation: 8072

You can define class for cells as in example

[
    'attribute' => 'title',
    'format' => 'image',
    'value' => function($data) { return 'you_image.jpeg'; },
    'contentOptions' => ['class' => 'come-class']
],

Then set image width using css. If image width can be different, use html format

[
    'attribute' => 'title',
    'format' => 'html',
    'value' => function($data) { return Html::img('you_image.jpeg', ['width'=>'100']); },
],

Upvotes: 13

Related Questions