PrizmDoc® Viewer v13.28 Release - Updated
PrizmDoc Viewer / 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. NOTE: Refer to the Customizing the Viewer section for details on using the viewerTemplate.html. 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>