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

img-1 img-2 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>`_

What does it do? 3

Screenshots 3

`Users manual 4 <#__RefHeading__467_413120346>`_

Adding a pagination element 4

`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

Default CSS 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

img-3 Users manual ------------

Adding a pagination element

Select Web>List or Web>Page and select a page

img-4 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

img-5 img-6 add pagination content elements on a page where content should have a page break.

Administration

img-7 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>

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.

TYPO3 Forge link to your project .

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