How to Display Certain Elements as Tabs

It is possible to display the following elements as tabs in the WebHelp output:

Lists (both <ol> and <ul> elements)
Definition lists (<dl> element)
Choice tables (<choicetable> element)

For this, you just need to add the @outputclass="wh-tabbed" attribute on the element.

Note: The tab name is extracted from:

The first <ph> in lists.
The first <dt> in definition lists.
The first <choption> in choice tables.

Here are some examples:

List

<ul outputclass="wh-tabbed">
    <li>
        <ph>Windows</ph>
        <ol>
            <li>First instruction for Windows</li>
            <li>Second instruction for Windows</li>
        </ol>
    </li>
    <li>
        <ph>Linux</ph>
        <ol>
            <li>First instruction for Linux</li>
            <li>Second instruction for Linux</li>
            <li>Third instruction for Linux</li>
        </ol>
    </li>
    <li>
        <ph>Mac</ph>
        <ol>
            <li>First instruction for Mac</li>
            <li>Second instruction for Mac</li>
        </ol>
    </li>
</ul>

Definition List

<dl outputclass="wh-tabbed">
    <dlentry>
        <dt>Version 1</dt>
        <dd>Instructions for Version 1</dd>
    </dlentry>
    <dlentry>
        <dt>Version 2</dt>
        <dd>Instructions for Version 2</dd>
    </dlentry>
</dl>

Choice Table

<choicetable outputclass="wh-tabbed">
    <chrow>
        <choption>First</choption>
        <chdesc>First option description</chdesc>
    </chrow>
    <chrow>
        <choption>Second</choption>
        <chdesc>Second option description</chdesc>
    </chrow>
</choicetable>

The outputs will be as follows:

Windows
1. First instruction for Windows
2. Second instruction for Windows
Linux
1. First instruction for Linux
2. Second instruction for Linux
3. Third instruction for Linux
Mac
1. First instruction for Mac
2. Second instruction for Mac

Version 1: Instructions for Version 1
Version 2: Instructions for Version 2