Skip to main content

How to display Image in grid

Write this code in Grid.php:-

$this->addColumn("data", array(
"header" => Mage::helper("userdesign")->__("Design"),
"index" => "image",
'align'     =>'center',
'renderer'  => 'userdesign/Adminhtml_Userdesign_Renderer_Image'
));

Then make a "Renderer" folder in module( location - Grid.php)
In Renderer Make a PHP file , Named Image.php
and put this code

<?php
class Userdesign_Userdesign_Block_Adminhtml_Userdesign_Renderer_Image extends Mage_Adminhtml_Block_Widget_Grid_Column_Renderer_Abstract{
     
    public function render(Varien_Object $row)
    {
$designUrl=Mage::getBaseUrl('web').'design/designs/';
        $html = '<img width="75" height="75" ';
         $value = $row->getData('designId');
      $html.= 'src="' . Mage::getBaseUrl('web').'design/designs/'.$value. '_1.png"';
        //$html .= 'src="' . Mage::getBaseUrl('media').$row->getData($this->getColumn()->getIndex()) . '"';
        $html .= 'class="grid-image ' . $this->getColumn()->getInlineCss() . '"/>';
      //  $html .= '<br/><p>'.$row->getData($this->getColumn()->getIndex()).'</p>';
        return $html;
    }
}
?>

Change your Module Name and image path accordingly..

Comments