Add Tabbed Sections within a Bongo4U page

Add Tabbed Sections within a Bongo4U page

If you have a long page and wish to split the page's content into sections that are selectable by clicking on a set of tabs, then use "Tabbed Sections."

This feature can be implemented in any WYSIWYG block by embedding some special tags within the page's content.

All you do is insert a "tabnav" tag at the beginning of each tab section and give each tab section a name. The system uses the tab section names to create the tabs along the top of the first tabbed section.

If the content of your last tabbed section goes to the bottom of the page, then you are done. However, if you wish to end the tabbed sections before the end of the page, then just insert an optional "end" tabnav tag where you want the tabbed sections to end.


{{bongo4u=tabnav|title=Tab 1 Name}}
... content ...
{{bongo4u=tabnav|title=Tab 2 Name}}
... content ...
{{bongo4u=tabnav|title=Tab 3 Name}}
... content ...


The "tabnav" tags can go anywhere within a WYSIWYG block. It is easiest to put each tabnav tag on a separate line (but this is not required).

Each tabnav tag must begin with: {{bongo4u=tabnav| ........ }}

Use the pipe character ("|") as the option delimiter within the tag.

Valid tabnav options are:
title=Abc Def

The "title" option is required at the beginning of each tab section. Use mixed-case. Do not put quotes around the title name. The title name can contain spaces, but it cannot contain quotes, special characters or mnemonics that begin with &.

The "url" option is optional. If the "url" option is present, then it changes the tab to redirect to the specified URL (instead of displaying content within the tab). Do not put quotes around the specified URL. The specified URL must be a fully-qualified URL (i.e. it must begin with "http://" or "https://") and it cannot contain spaces, quotes or special characters. However, traditional URL-related characters are valid, such as :, /, ?, &, =. Accented characters within the URL might be problematic.

The "end" option is optional, must be the only option on a tag when it is specified, and can be put at the bottom of the last tabbed section if any non-tabbed content will be needed after the tabbed sections on the page. However, if the tabbed sections go to the end of the page, then the "end" option is not needed.