Edit online

Multiple Rendering Modes for the Same Document in Author Mode

Use Case

You want to add multiple buttons, each showing a different visualization mode of the same document, in Author mode.

Solution

In the toolbar in Author mode, there is a Styles drop-down menu that contains alternate CSS styles for the same document. To add an alternate CSS stylesheet, open the Preferences dialog box (Options > Preferences), go to Document Type Association, select the document type associated with your documents and click Edit. In the Document Type configuration dialog box that appears, go to the Author tab, and in the CSS subtab add references to alternate CSS stylesheets.

For example, one of the alternate CSS stylesheets offered for the DITA document type is located here (by default): 
[OXYGEN_INSTALL_DIR]/frameworks/dita/css_classed/hideColspec.css
If you open it, you will see that it imports the main CSS and then adds selectors of its own.