font-awesome in clinkpager

hi there

how can I use font-awesome icons in clinkpager buttons?

im using this but it shows the font-awesome’s classes name:





<?php $this->widget('CLinkPager', array(

                        'pages' => $pages,

                        'htmlOptions' => ['class' => ''],

                        'nextPageCssClass' => 'next',

                        'selectedPageCssClass' => 'active', 

                        'firstPageLabel' => 'fa fa-chevron-right'

                    )); ?>

You have the label set to the css class, so that’s why it shows the class name. Try setting the firstPageCssClass to fa fa-chevron-right and see if that works.

Just a blind guess:





<?php $this->widget('CLinkPager', array(

                        'pages' => $pages,

                        'previousPageCssClass' => 'fa fa-chevron-left',

                        'nextPageCssClass' => 'fa fa-chevron-right',

                        'prevPageLabel' => ' ', 

                        'nextPageLabel' => ' ', 

                     )); ?>

Actually, I just tested it out and this worked for me. Set the firstPageLabel like so…


'firstPageLabel' => CHtml::tag('i', array('class' => 'fa fa-chevron-right')),