PrizmDoc Viewer v13.18 Release - Updated
Developer Guide / Viewer / How to Customize the Viewer / Create a Custom Tab
In This Topic
    Create a Custom Tab
    In This Topic

    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>