Uploaded image for project: 'CMS'
  1. CMS
  2. CMS-7792

The .last and .first classes are not applied on the same button according to that the pagination is built in JS or in XSLT

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Critical Critical
    • 3.8.1, 4.0M13
    • 4.0M12
    • None
    • None
    • FF

      How to reproduce :

      • On the same page insert a search service and a filtered content service.
      • In your CSS, apply a different background-color on the button that it is in the li tag with the .last class

      On the first service, the .last class is applied on the last number of page, in the second one, the .last class is applied on the button that let us to accede to the last page.

        1. JIRA-pagination.jpg
          JIRA-pagination.jpg
          120 kB

          [CMS-7792] The .last and .first classes are not applied on the same button according to that the pagination is built in JS or in XSLT

          Laurence Aumeunier added a comment -

          JS pagination for filtered contents and XSL pagination have been uniformized like following :

          <ul class="nav">
      <li class="first nav-button">Premier</li>
      <li class="precede nav-button">Précédent</li>
      <li class="page first">1</li>
      <li class="page">2</li>
      <li class="page current">3</li>
      <li class="page">4</li>
      <li class="page last">5</li>
      <li class="next nav-button">Suivant</li>
      <li class="last nav-button">Dernier </li>
    </ul> 

          The CSS class nav-button has been added for buttons last/next/precede/first
          The CSS class page has been added for page number

           

           

          Laurence Aumeunier added a comment - JS pagination for filtered contents and XSL pagination have been uniformized like following : <ul class= "nav" >       <li class= "first nav-button" > Premier </li>       <li class= "precede nav-button" > Précédent </li>       <li class= "page first" > 1 </li>       <li class= "page" > 2 </li>       <li class= "page current" > 3 </li>       <li class= "page" > 4 </li>       <li class= "page last" > 5 </li>       <li class= "next nav-button" > Suivant </li>       <li class= "last nav-button" > Dernier </li>     </ul>   The CSS class nav-button has been added for buttons last/next/precede/first The CSS class page has been added for page number    

            Unassigned Unassigned
            llopez Laure Lopez
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: