Yii 1.1: Yii CGridView add custom button


Hi buddies !, This tutorial shows about how to add a custom button with your own icon for your CGridView of Yii framework

Step 1 Add a new array element under 'class' => 'CButtonColumn' as follow The default buttons are

'template' => '{view}{update}{delete}',

Now I am adding a new button for reply

'template' => '{reply}{view}{update}{delete}',

Step 2 Then add a new element in the name reply under button array as follows

'buttons' => array(
               'reply' => array( //the name {reply} must be same
                 'label' => 'Reply', // text label of the button
                   'url' => 'CHtml::normalizeUrl(array("dashboard/mail/id/".rawurlencode($data->feedback_email)."/f_id/".$data->feedback_id))', //Your URL According to your wish
                      'imageUrl' => Yii::app()->baseUrl . '/images/reply_mail_icon.png', // image URL of the button. If not set or false, a text link is used, The image must be 16X16 pixels

For more field definitions of buttons array check CButtonColumn

Total 1 comment

#16965 report it
Victor Lacerda Azevedo at 2014/04/16 08:57pm
With bootstrap

You can also use bootstrap icons. The way for it is easy.

'buttonID' => array(
    'label'=>'<span class="icon-plus"></span>',     //put the span at label with icon class
//    'imageUrl'=>'...',  coment the propriety imageUrl
    'options'=>array('title'=>'Add 1 more'), // put here the title to show when mouse over

Leave a comment

Please to leave your comment.