› Styling the signature capture dialog box › HTML and CSS class name structure of the dialog box

HTML and CSS class name structure of the dialog box

The capture dialog box is created as modal during runtime using the class names listed below. 


<div class="dc-modal">
    <div class="dc-modal-content">
        <div class="dc-modal-header">
            <div class="dc-modal-header-title">Title</div>
        </div>
        <div class="dc-modal-body">
            <div class="dc-canvas-container">
                <canvas class="dc-canvas"></canvas>
            </div>
        </div>
        <div class="dc-modal-footer">
            <button class="dc-modal-footer-action dc-btn dc-btn-light">Cancel</button>
            <button class="dc-modal-footer-action dc-btn dc-btn-light">Erase</button>
            <button class="dc-modal-footer-action dc-btn dc-btn-light dc-btn-main">Apply</button>
        </div>
    </div>
</div>