Joomla Tutorials

Joomla Pagebreaks and How to Use Them

May 25, 2010 | Written by Steve Burge

Pagebreaks are designed to split up very long articles. Joomla will automatically generate a table of contents for you. Here's how to use them:

Open Up an Article

tutuploadsmedia_1274799009635.png

Go to Administrator >> Content >> Article Manager and open up any long article.

Put Your Cursor in the Text

tutuploadsmedia_1274799193466.png

Place your cursor in the text at the point where you want the pages to split.

Click Pagebreak

tutuploadsmedia_1274799063494.png

Scroll to the bottom of the page and click "Pagebreak".

Give the New Page a Title

tutuploadsmedia_1274799224960.png

Select a title for your new page and click "Insert Page Break". The second field called "Table of Contents Alias" will be the URL for this second page.

Repeat the Process

tutuploadsmedia_1274799411887.png

Keep clicking "Pagebreak" until you have split this article as many times as you wish. Each time you do, you should see a grey line across the page. When you're finished, click "Save".

Visit the Article

tutuploadsmedia_1274799627155.png

Now when you visit the article on the front of your site you should see two special items:
1) "Article Index" which serves as a table of contents to the article pages
2) Prev and Next buttons at the bottom of the article for people to move on to the next page


 

 


To sign up for complete classes and support

 

Comments 

 
# J. Sharma 2010-10-21 05:29
Hi !

Can we do this in wordpress in any way?
Reply | Reply with quote | Quote
 
 
# steve 2010-10-21 09:51
Hi J. Sharma

Yes, you can. This WP support post has the details: http://wordpress.org/support/topic/page-breaks-for-long-posts

We can also do a tutorial on it.
Reply | Reply with quote | Quote
 
 
# steve 2010-10-21 15:11
Here we go, a quick tutorial:
http://www.ostraining.com/newsletters/wordpress/pagebreaks/
Reply | Reply with quote | Quote
 
 
# Ernie 2010-10-21 21:11
All well and good, but I cannot get page breaks to work at all. I am using ja purity and the latest Joomla version. Nothing happens when I break a page, regardless of whether I am using article layout or category blog. I wonder how you got this to work? (Have tried two plugins and neither of those works, either).
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-04-13 14:14
Hi Ernie,

Sorry for the delay in responding. The best place to get help is in our support forum, www.ostraining.com/forum, as it's too hard for us to monitor all the comments around our hundreds of pages.

Let us know in the support forum if you still need help :)

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Downhill Mike 2011-04-13 08:01
I am using the Brain Code Grunge 1.6 template. The page breaks are working fine and as described in tutorials.
However, can I make the new text that I added in the page title go horizontally instead of vertically.

Thanks
DHM
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-04-13 13:55
Hi DHM,

Not sure what you mean. It should be horizontal by default.

Could you post this in our support forum, www.ostraining.com/forum, and I can help you out there?

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Downhill Mike 2011-04-13 16:47
Nick,
The only thing for the page break that is horizontal is the actual line going across the page.
I am trying to figure out how to make the text for the page title go across the page. I like to keep my web pages short with minimal scrolling.
I did search this out further, but kept seeing the default is horizontal. I assumed that was the line created with a page break.
The page I want to do this to can be found here:http://bikewilmingtonn y.com/index.php/wilmington-whiteface-bike-fest

Since this article has 4 pages, there are 5 rows of text on the top of the article If you count the one that says "all pages".

If these 5 lines went across the page, I feel the page would look better.

Thanks
DHM
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-04-14 02:13
Hi DHM,

Oh ok, now I understand what you're trying to do.

If you were using Joomla 1.5, you could use:

Quote:
.contenttoc tr, .contenttoc td { display:block; float:right; margin:5px; }


However, it looks like you're using Joomla 1.6, which displays the list as an unordered list rather than using tables as in Joomla 1.6.

You could try adding:
Quote:
li
{
#article-index li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


in your template.css.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Fatih 2012-02-08 09:14
Hi,
pagebreak brakes my website layout when i use it. how can i fix that problem?
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-02-08 17:56
Hi and welcome, Fatih!

We would love to help you out with this, however it would require some addition information to narrow down the issue. If you are a student at OSTraining.com, please log into the support forum (http://www.ostraining.com/support-forum/) and post the question in there, so that one of our support techs can look into it for you. If you’re not a student, I hope you’ll consider becoming one, so that we can give you the attention you deserve. You can find out more about our online class at www.ostraining.com/online

Kind regards,
Nick
Reply | Reply with quote | Quote
 

Add comment