Tabs
Using Tabs in a KB document
To use the tabs add the following code into your KB document, replacing the title and content of each tab to be what ever you need for the document. Note that you will have to be using the HTML editor for this to work, the WYSIWYG editor will not properly interpret this code
The following code represents a tab module:
<div class="tab-content">
<div tabTitle="Title of Tab 1">
Contents of Tab 1
</div>
<div tabTitle="Title of Tab 2">
Contents of Tab 1
</div>
</div>
Copy and paste the following code into the "JavaScript/CSS" field (under "Additional Fields" at the bottom):
<span class="internal"><a class="includedoc">71773</a></span>
Demo
To make the tabs look more appealing, they can be used with a gray background.
The following code represents a tab module:
<div class="grayContainer">
<h4 class="grayHeader">
</h4>
<div class="tab-content">
<div tabTitle="Title of Tab 1">
Contents of Tab 1
</div>
<div tabTitle="Title of Tab 2">
Contents of Tab 1
</div>
</div>
</div>
Copy and paste the following code into the "JavaScript/CSS" field (under "Additional Fields" at the bottom):
<span class="internal"><a class="includedoc">71773</a></span>
Demo
Title Here
Tabs also can be used with a collapsible panel, use the following code to insert a collapsible panel with tabs in your doc.
The following code represents a tab module:
<div class="collapsible installer" title="">
<div class="tab-content">
<div tabTitle="Title of Tab 1">
Contents of Tab 1
</div>
<div tabTitle="Title of Tab 2">
Contents of Tab 1
</div>
</div>
</div>
Copy and paste the following code into the "JavaScript/CSS" field (under "Additional Fields" at the bottom):
<span class="internal"><a class="includedoc">71773</a></span>
<span class="internal"><a class="includedoc">30876</a></span>
<span class="external"><a class="includedoc">30887</a></span>
Demo
Square Collapsible Panels
Content