Pagination with multiple articles in column layout

Arno Hoitink

How can I place the pagination over the whole page (on top or bottom) instead of having it in a column.

See kbonoordholland.nl/index.php/home-3

Coding is:

{article Home page}
[title]
[text]
{/article}
 
{articles limit="40" per_page="6" category="Activiteiten" datum=">date('today')" ordering="datum ASC"}
[title]
[image-intro]

[category]
[datum format="j F Y"]

[readmore]

{/articles}

Peter van Westen ADMIN

2 years 6 months ago

Peter van Westen ADMIN

2 years 6 months ago

Also - like with your other question - this is down to the styling of your template.
Check the documentation of your template on what classes and HTML structure you need to do the things you want.

Please post a rating at the Joomla! Extensions Directory

Arno Hoitink

2 years 6 months ago

Arno Hoitink

2 years 6 months ago

Hello, I have two issues I am not capable to solve

I have a webpage with 5 columns of articles cretaed with AA, see code

1. I cannot make the blog in such a way that less columns appear when I make the webbrowser window smaller
2. I cannot place a pagination block under the blog, it appears in one of the columns and that is not how I want it.
Is it possible for you to help me with these requirements? If so, are there any costs involved?

Kind regards,

Arno

<div class="row-fluid">
<p>{articles category="Activiteiten" datum="&gt;date('today')" ordering="datum ASC"}</p>
<p>{if first}</p>
<div class="grid-3">
<p>{/if}</p>
<div class="panel">
<h3>[title]</h3>
<p>[image-intro]</p>
<h3>[category]</h3>
<p>[datum format="j F Y"]</p>
<p>[readmore]</p>
</div>
<p>{if last}</p>
</div>
<p>{/if}</p>
<p>{/articles}</p>
</div>

{articles category="Activiteiten" datum=">date('today')" ordering="datum ASC"}

{if first}

{/if}

[title]
[image-intro]

[category]
[datum format="j F Y"]

[readmore]

{if last}

{/if}

{/articles}

Peter van Westen ADMIN

2 years 6 months ago

Peter van Westen ADMIN

2 years 6 months ago

1) Like said before: this is down to the styling of your template.
Check the documentation of your template on what classes and HTML structure you need to do the things you want.
For help on that, ask the support of the template developers.

Also see: docs3.regularlabs.com/articlesanywhere/d...tags/numbers#columns
So you can add extra HTML or classes based on the column. For instance, to add a closing div tag and open a new div tag after every 3rd article, surround that part with:

{if is_3_of_3}
...
{/if}

2) If you want the pagination to show under your main row-fluid dive, then just add an extra {articles} tag under it.
Set the first to not show the pagination. Set the second (that doesn't output anything for the different articles) to show the pagination.

Please post a rating at the Joomla! Extensions Directory

Articles Anywhere

AA Articles Anywhere