Pagination layout not correct

fix incorrect pagination layout in a custom ChronoConnect list.

Overview

The pagination styling differs because the custom list lacks a specific parent ID that the main template's CSS targets.
Add the ID "system" to the pagination div wrapper in the footer section of your custom list template.

Answered
hp hpeterse 13 Jan, 2014
I've created a custom front end list in ChronoConnect, but the pagination layout is not correct. The custom list is build up as follows:

header:
<?php
global $row_counter;
$row_counter = 1;
?>
<h1>Deelnemers dames enkel</h1>
<table border="1" cellpadding="2" cellspacing="0" class="cf_listing" width="55%">
<tr>
<th align="left" bgcolor="#F5F5F5" width="5%">#</th>
<th align="left" bgcolor="#F5F5F5" width="50%">deelnemer</th>
</tr>

body:
<td><?php
global $row_counter;
echo $row_counter;
$row_counter++;
?></td>
<td>{inschrijver_voornaam} {inschrijver_tussenvoegsel} {inschrijver_achternaam}</td>
<tr>

footer:
</table><div class="pagination">{paginator}</div>

The result is: http://test.tvgpd.nl/toernooien/deelnemerslijst-clubtoernooi

The normal template-pagination layout is different. See: http://test.tvgpd.nl/2012-03-31-18-02-31/archief.

Both pages uses div-class "pagination". I don't understand why the result is different. Has anyone got an idea how to solve this?
Max_admin Max_admin 13 Jan, 2014
Hi,

Maybe the main template pagination class selector is dependent on a parent class which doesn't exist in CC page, try to inspect the main pagination and copy the css from there to a new general class!

Regards,
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
hp hpeterse 28 Jan, 2014
Answer
I solved this issue by adding the id in the <div>-section.

Footer is now:
</table><div id="system" class="pagination">{paginator}</div>

Hans
This topic is locked and no more replies can be posted.