Kupu Tabs enables end user editable plone.org like front page tabs in WYSIWYG editors.
Install via buildout
Open any Kupu editable content.
Write a tab name and choose “Tab” as its style from Kupu style drop down.
All text after Tab until the next Tab section or the end will be placed inside a tab container. Tab’ed text will be placed inside a tab container.
You can choose which tab is open by default with Tab (open by default) style.
There is two example style files: kuputabs.css.dtml for any Plone theme (variable colors) and kuputabs2.css which is more generic one.
Create a container DIV for your content. Usually this is #content or similar and already provided your CMS/blog/whatever.
Add class “kuputab-tab-definer” for <h2> elements you want to be tabs. Add class “kuputab-tab-definer-default” for the tab which is open by default.
Include kuputabs.js on your page. Include kuputabs-alternative.css stylesheet or create your own.
There is an important distinction with two kind of CSS classes
document.designMode attribute is used to determine whether the visitor views the page or is it under WYSIWYG editor.
Thanks to our fabulous sponsors.
TODO: Figure out how to actually get changelog content.
Changelog content for this version goes here.