Button image is not working properly

Question

I recently added a image to the edit button in YII.I do the following,

'class'=>'CButtonColumn',
        'header' => 'Edit',
        'template' => '{Edit}',
        'buttons' => array(
            'Edit' =>array(
            'label' => 'Edit',
            'imageUrl'=>Yii::app()->request->baseUrl.'/images/Actions-document-edit.ico',
           ));

and css for the button goes like this,

td.button-column a img {
    max-height:25px;
    max-width:25px;
    }

And the actual size of the image Actions-document-edit.ico is 25*25. I have a situation here that, i have an 25*25 image in Google Chrome and 2*2 image in mozilla firefox. Help me to achieve the proper formatting of the image in both the browsers.

Google Chrome Mozilla Firefox

And suggest also the pagenation problem.

Are you using this image only in a specific CGridView in a webpage or on the entire CGridView of the Website? — Vainglory07, Dec 27 '12 at 05:33
Ok.Im talking about how often youll use CGridView because you can tweak the design on the framework directly so that specifying images every time you make one(CGridView) wouldnt be necessary. — Vainglory07, Dec 27 '12 at 05:43
@Vainglory07 Sorry i cant get you. If you are expecting more from me please inform !! — tnchalise, Dec 27 '12 at 06:12
:) hmmm..how did you make the pagination to become like that? — Vainglory07, Dec 27 '12 at 06:33

score 0 · Answer 1 · answered Dec 27 '12 at 05:46

0

Instead of .ico try to use .JPEG or .png or .gif image

answered Dec 27 '12 at 05:46

Raju

25
5

1

Welcome to SO. Please review your answer twice, before giving an answer. – Prahalad Gaggar Dec 27 '12 at 06:05

score 0 · Answer 2 · answered Dec 28 '12 at 04:29

0

Pagenation problem was solved

.pager ul.yiiPager li.page:after{display: inline-block !important}

But still am getting image problem... Help please...

answered Dec 28 '12 at 04:29

tnchalise

1,573
2
18
38

Button image is not working properly

2 Answers2