Skip to main content

Introduction

collective.tabr allows for easy editing of “tabbed content” using the jQuery Tools Tabs UI tool.

Installation

Add collective.tabr to your buildout. It uses the z3c.autoinclude plugin so you do not need to add it to the zcml= section of your buildout.

Install via the Add-on Products control panel like you would any other Product.

Usage

Tabs are created by selecting “Tab” from the style menu of your editor. This will cause everything after the “Tab” element to be a part of that tab’s pane until another Tab, Default Tab, or “Pane Break” is reached. For example:

<h2 class="content-tab">First Tab</h2>
<p>This is a paragraph inside the first tab</p>

<h2 class="default-content-tab">Second Tab</h2>
<p>This is a paragraph inside the second tab</p>
<p>This tab will be shown first</p>

<hr class="pane-break" />

<p>This paragraph is not inside of a tab</p>

<h2 class="content-tab">First Tab part 2</h2>
<p>This paragraph will be in the first tab of the second grouping of tabs</p>

This will result in two groups of tabs, the first of which will contain two tabs of which the second will be pre-selected when the page loads. The second tab group will only have a single tab in it, and it will be preceded by a paragraph between itself and the end of the previous tab group.

Customizing

CSS is available in the tabr skin layer for customization, as are the example images for the CSS.

Dependencies

This package depends on the jQuery Tools library which is provided by plone.app.jquerytools. It does not depend on a specific version of either jQuery Tools or jQuery, but you should check to make sure that another package is not including multiple versions of any library in use, though this is not common.

Credits

Thanks to Mikko Ohtamaa for collective.kuputabs which was my inspiration for this. Most of the code was his to begin with, and I ripped it appart and made many changes.

Also thanks to Douglas Bowman for his CSS Sliding Doors technique for the tab styling.

Changelog

1.2 - 2010-07-02

  • Added working “insert pane break” button to Kupu. [dunlapm]

  • Improve styling for the pane break in all browsers. [dunlapm]

1.1 - 2010-06-30

  • Removed locales directory since we don’t have any translations [dunlapm]

1.0 - 2010-06-25

  • Initial release

Release files for collective.tabr 1.2

For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.

Source distribution (sdist)

Source distribution for collective.tabr 1.2
File Size Uploaded
collective.tabr-1.2.tar.gz 24.1 kB Details

Release files / collective.tabr-1.2.tar.gz

Download URL collective.tabr-1.2.tar.gz
Size 24.1 kB
Tags Source
SHA-256 checksum
How to use checksums
7c34da648a9b1845055d67da74c0d2d636c77904abd3d771375c2a88790b2702
BLAKE2b-256 checksum
How to use checksums
ad3bb5826502b4a9c0eb36ecc3741f13868870ad8f7ea72e1f38d30b12281863
Upload date
Uploaded using Trusted Publishing?
What is trusted publishing?
No

Release history Release notifications | RSS feed

This release

1.2 This release

1 release file

1.1

1 release file

1.0

1 release file

Anthropic, PBC Visionary sponsor Bloomberg Visionary sponsor Hudson River Trading Visionary sponsor Meta Visionary sponsor NVIDIA Visionary sponsor Microsoft Sustainability sponsor Depot Continuous Integration AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Sentry Error logging StatusPage Status page