[Tutorial] Pagination

[Guest]

Welcome, Guest. Please login or register.
Did you miss your activation email?

1 Hour 1 Day 1 Week 1 Month Forever
Login with username, password and session length

[chrisandy]

First of all many thanks to you guys for pointing me in the right direction time after time - my testing is going extremely well - I'm very optimistic and very impressed.

How can I paginate the results in Ditto so that only a certain number of results are returned per page and I can use the 'previous' and 'next' options?

Thanks again

[Mark]

Assuming you are using Ditto 2:

&summarize = number of results per page
&paginate = 1
&paginateAlwaysShowLinks= 1

Then add this after the Ditto call:

Code:

<p>Showing <strong>[+start+]</strong> - <strong>[+stop+]</strong> of <strong>[+total+]</strong> Articles | Page <strong>[+currentPage+]</strong> of <strong>[+totalPages+]</strong></p> <div id="ditto_pages"> [+previous+] [+pages+] [+next+] </div> </div>

And here is some example CSS to get you started:

Code:

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

Updated: Added example CSS.

[chrisandy]

Thank you - worked a treat

[yentsun]

I'd like to know how to use pagination with multiple ditto calls on a page. And how the "id" parameter deals with [+pages+] placeholder.
In this call

Code:

[!Ditto? &id=`blog` &startID=`39,40,80` &tpl=`ditto_news` &sortBy=`createdon` &summarize=`7` &dateFormat=`%d.%m.%Y` &truncText=`далее...` &paginate=`1`!]
<div id="pagination"><span>Стр.:</span> [+pages+]</div>

no pages are displayed.

[Solved] When you set the "id" parameter, you should prefix the corresponding pagination placeholder with that id.
Example: [[Ditto? ... &id=`main` ...]]
[+main_pages+]

[SamZ]

I'd like to know how to use pagination with multiple ditto calls on a page. And how the "id" parameter deals with [+pages+] placeholder.
In this call

Code:

[!Ditto? &id=`blog` &startID=`39,40,80` &tpl=`ditto_news` &sortBy=`createdon` &summarize=`7` &dateFormat=`%d.%m.%Y` &truncText=`далее...` &paginate=`1`!]
<div id="pagination"><span>Стр.:</span> [+pages+]</div>

no pages are displayed.

[Solved] When you set the "id" parameter, you should prefix the corresponding pagination placeholder with that id.
Example: [[Ditto? ... &id=`main` ...]]
[+main_pages+]

I think that I have tha same problem http://modxcms.com/forums/index.php/topic,14972.0.html
That should I do to use two ditto calls without problems?
Thanks I understood how to use it.

[SamZ]

Paginate does not with PHX.
I don't see pages.

[Mark]

There is a known workaround for this.

[SamZ]

There is a known workaround for this.

Thanks

[holotrope]

Is there a way to use Ditto pagination on a site with Friendly URLs? I have been unable to get this to work so far.
Thanks in advance!
Tom

[Mark]

Ditto pagination should work fine with Friendly URLs out of the box. What sort of issue are you experiencing?

[holotrope]

Here is my Ditto call:
[!Ditto? &depth=`1` &parents=`105,106,107` &summarize=`1` &paginate=`1` &tpl=`port_page` &paginateAlwaysShowLinks=`1` &display=`1` &sortDir=`ASC` &sortby=`menuindex`!]

The return I'm getting for [+next+] and [+previous+] are something like: thisurl.html?start=1, thisurl.html?start=2, etc.

Clicking on next and previous just refreshes the current page and moves the page key to next in order. The contents aren't changing though. It's still the same page. What am I missing?
Thanks!
Tom

[Mark]

What version of Ditto, MODx, and server software (Apache / IIS, MySQL, PHP, etc.) are you running?

[holotrope]

Ditto 2.0.2
Modx 0.9.6
PHP 5.0.5
Linux server running Apache/1.3.37

[SamZ]

Do you use PHX plagin?

[moebius]

Hello,

I have ditto set up with pagination, and that works fine, except when there are no results I get "Page of" where my pagination links usually go. Is there any way I can get rid of these completely when I have no results?