Changing pager label break style

Issue #26 on hold
Raphaël Emourgeon
created an issue

Hello,

I'm using bootstrap.widgets.BootGridView and it works well but I need to translate pager labels (Previous, etc...) and when I use :

{{{ 'pager' => array( 'prevPageLabel'=> 'Précédente', ), }}}

in my code, the pager style is broken.

Regards

Comments (2)

  1. Raphaël Emourgeon reporter

    I've tested with a simple string (todo) and the problem is the same. Here is the HTML output with and without pager prevPageLabel set (note that I've translated previous/next label with Yii:t(), it's not the problem) :

    Broken :

    <div class="pagination">Go to page: <ul id="yw0" class="yiiPager"><li class="first hidden"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674">&lt;&lt; First</a></li>
    <li class="previous hidden"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674">Todo</a></li>
    <li class="page selected"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674">1</a></li>
    <li class="page"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=2">2</a></li>
    <li class="page"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=3">3</a></li>
    <li class="page"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=4">4</a></li>
    <li class="page"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=5">5</a></li>
    <li class="page"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=6">6</a></li>
    <li class="page"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=7">7</a></li>
    <li class="page"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=8">8</a></li>
    <li class="page"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=9">9</a></li>
    <li class="page"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=10">10</a></li>
    <li class="next"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=2">Next &gt;</a></li>
    <li class="last"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=22">Last &gt;&gt;</a></li></ul></div>
    

    Ok :

    <div class="pagination"><ul class="" id="yw0"><li class="previous disabled"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674">← Précédente</a></li>
    <li class=" active"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674">1</a></li>
    <li class=""><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=2">2</a></li>
    <li class=""><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=3">3</a></li>
    <li class=""><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=4">4</a></li>
    <li class=""><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=5">5</a></li>
    <li class=""><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=6">6</a></li>
    <li class=""><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=7">7</a></li>
    <li class=""><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=8">8</a></li>
    <li class=""><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=9">9</a></li>
    <li class=""><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=10">10</a></li>
    <li class="next"><a href="/installation/show/0A477DCB8EB868E9653F34B77D9BF674?Parametre_page=2">Suivante →</a></li></ul></div>
    
  2. Log in to comment