DEPRECATION WARNING
This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.
Contentpagination¶
Author: | Christopher |
---|---|
Created: | 2010-12-18T19:57:23 |
Changed by: | Stefan Szymanski |
Changed: | 2013-07-25T09:28:38.710000000 |
Classification: | form4_contentpagination |
Description: | The keywords help with categorizing and tagging of the manuals. You can combine two or more keywords and add additional keywords yourself. Please use at least one keyword from both lists. If your manual is NOT in english, see next tab "language" ---- forEditors (use this for editors / german "Redakteure") forAdmins (use this for Administrators) forDevelopers (use this for Developers) forBeginners (manuals covering TYPO3 basics) forIntermediates (manuals going into more depth) forAdvanced (covering the most advanced TYPO3 topics) ---- |
Keywords: | forAdmins, content pagination |
Author: | form4 GmbH & Co. KG |
Copyright: | 2013 |
Email: | typo3@form4.de |
Language: | en |
Contentpagination¶
Extension Key: form4_contentpagination
Language: en
Keywords: forAdmins, content pagination
Copyright 2013, form4 GmbH & Co. KG, <typo3@form4.de>
This document is published under the Open Content License
available from http://www.opencontent.org/opl.shtml
The content of this document is related to TYPO3
- a GNU/GPL CMS/Framework available from www.typo3.org
Table of Contents¶
`EXT: contentpaginations 1 <#__RefHeading__5708_1738894311>`_
`Introduction 3 <#__RefHeading__5710_1738894311>`_
`Users manual 4 <#__RefHeading__467_413120346>`_
`Administration 5 <#__RefHeading__31511_818911409>`_
`Configuration 6 <#__RefHeading__31515_818911409>`_
Example 1 (images for previous and next element) 6
Example 2 (new text for previous and next element) 6
Example 3 (remove the default CSS) 7
Default-HTML-Structure of pagination element 7
`Known problems 8 <#__RefHeading__31525_818911409>`_
`To-Do list 9 <#__RefHeading__477_413120346>`_
`ChangeLog 10 <#__RefHeading__31623_818911409>`_
Introduction¶
What does it do?¶
This plugin provides easy separation of page contents into different sections. It adds a new content type 'pagination' to the TYPO3 backend. Using this element you can manage content breaks as you like and the plugin will render dynamically the frontend with content page navigation elements.
Features¶
- plugin to make content on a page ready to browse with a navigation menu
- generates several cached pages, one for each content element
- extensible navigation elements configuration, so you can customize the look
Screenshots¶
Users manual ------------
Adding a pagination element¶
Select Web>List or Web>Page and select a page
Select “Create new record” Button on top of the list view or on top of a content element above where you want to add pagination
Select “Pagination Element” item in the treelist
add pagination content elements on a page where content should have a page break.
Administration¶
Static include the extension in your templates.
Note: The 'content pagnation' extension should be included after the 'CSS styled content' extension.
Configuration¶
The pagination items are configurable with typoscript in template setup
prevDeactivatedWrap¶
Property
prevDeactivatedWrap
Data type
String
Description
Default
<span class="prev prev-deactivated">|</span>
prevATagParams¶
Property
prevATagParams
Data type
String / <A>-Parameter
Description
Default
class="prev"
nextDeactivatedWrap¶
Property
nextDeactivatedWrap
Data type
String
Description
Default
<span class="next next-deactivated">|</span>
nextATagParams¶
Property
nextATagParams
Data type
String / <A>-Parameter
Description
Default
class="next"
paginationWrap¶
Property
paginationWrap
Data type
String
Description
Default
<div class="pagination"><ul>|</ul></div>
paginationItemWrap¶
Property
paginationItemWrap
Data type
String
Description
Default
<li>|</li>
prev¶
Property
prev
Data type
cObject TEXT or
cObject IMAGE
with stdWrap properties , but without typolink or imageLinkWrap
Description
Default
Text from extension locallang.xml
next¶
Property
next
Data type
Cobject TEXT or
cObject IMAGE
with stdWrap properties , but without typolink or imageLinkWrap
Description
Default
Text from extension locallang.xml
Example 1 (images for previous and next element)¶
This example defines images for previous and next element:[tsref:cObject.TEST]
plugin.tx_form4contentpagination_pagination {
prev = IMAGE
prev {
file = fileadmin/user_upload/dummy/prev.jpg
file.maxW = 80
file.maxH = 40
}
next = IMAGE
next {
file = fileadmin/user_upload/dummy/next.jpg
file.maxW = 80
file.maxH = 40
}
}
see also: http://typo3.org/documentation/document-library/core- documentation/doc_core_tsref/current/
Example 2 (new text for previous and next element)¶
This example defines new text for previous and next element:
plugin.tx_form4contentpagination_pagination {
prev = TEXT
prev.value = backward
prev.lang.de = zurück
next = TEXT
next.value = forward
next.lang.de = weiter
}
see also: http://typo3.org/documentation/document-library/core- documentation/doc_core_tsref/current/
Example 3 (remove the default CSS)¶
This example defines new text for previous and next element:
plugin.tx_form4contentpagination_pagination._CSS_DEFAULT_STYLE >
Default-HTML-Structure of pagination element¶
<div class="tx-form4contentpagination-pagination">
<div class="pagination">
<ul>
<li>
<a href="service/test-area/nam-ultricies/page/2/" class="prev">previous</a>
</li>
<li>
<a href="service/test-area/nam-ultricies/page/1/" class="first ">1</a>
</li>
<li>
<a href="service/test-area/nam-ultricies/page/2/" class="">2</a>
</li>
<li>
<a href="service/test-area/nam-ultricies/page/3/" class="selected ">3</a>
</li>
<li>
<a href="service/test-area/nam-ultricies/page/4/" class="last ">4</a>
</li>
<li>
<a href="service/test-area/nam-ultricies/page/4/" class="next">next</a>
</li>
</ul>
</div>
</div>
Default CSS¶
div.tx-form4contentpagination-pagination {
font-weight: bold;
margin-top: 20px;
border-top: 1px solid #999;
}
.tx-form4contentpagination-pagination ul { margin:auto 0; text-align: center; }
.tx-form4contentpagination-pagination ul li a:hover,
.tx-form4contentpagination-pagination ul li a:focus,
.tx-form4contentpagination-pagination ul li a:active { text-decoration: underline; }
.tx-form4contentpagination-pagination ul li a.selected { text-decoration: underline; }
.tx-form4contentpagination-pagination ul li {
background: none repeat scroll 0 0 transparent;
margin: 0 7px 0 0;
padding: 5px 0 0;
display: inline;
float: none;
list-style-type: none;
}
Known problems¶
Pagination is not working with installed TemplaVoila.
To-Do list¶
A wish list of things you want to add or fix. This includes smaller problems/bugs which are best described as a to-do item.
Visions for what the extension could become with more development.
ChangeLog¶
1.1.3¶
Version
1.1.3
Changes
Dokumentation Change
1.1.0¶
Version
1.1.0
Changes
Added default fields for the CType 'pagination' like e.g. header, accessiblity …
Added conflict with extension templaVoila
1.0.1¶
Version
1.0.1
Changes
Fixed bug: pagination is not shown if page select content from another page
1.0.0¶
Version
1.0.0
Changes
Initial creation