Introduction

You can add a new custom tab to the Viewer tab navigation by modifying the markup located in the viewerTemplate.html file. The tab must be placed inside the div element with the data attribute data-pcc-nav and it must have a unique data-pcc-nav-tab value:

Example

<div class\="pcc-tabset pcc-nav-tabset" data-pcc-nav>
    <!-- An example of a custom tab -->
    <div class\="pcc-tab" data-pcc-nav-tab="custom"\>
        <div class\="pcc-tab-item"\>
            <!-- Tab label -->
        </div>
        <div class\="pcc-tab-pane"\>
            <!-- Tab content -->
        </div>
    </div>
    <!-- End custom tab -->
</div>