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.

Here is an example using a list:

<ul outputclass="wh-tabbed">
    <li>
        <ph>Windows</ph>
        <p>Instructions for Windows</p>
    </li>
    <li>
        <ph>Linux</ph>
        <p>Instructions for Linux</p>
    </li>
    <li>
        <ph>Mac</ph>
        <p>Instructions for Mac</p>
    </li>
</ul>

The output will be as follows:

• Windows
• Linux
• Mac