Secondary toolbar with quick edit tools
In the default configuration, the main viewer toolbar includes 5 buttons that provide access to quick edit tools: "Text tools", "Draw tools", "Attachments and stamps", "Form tools", "Page tools". Clicking any of those buttons opens the secondary toolbar containing the corresponding tools. In this sample the quick edit access buttons have been moved to the front of the main toolbar, otherwise they function as in the default layout.
app.js
index.html
styles.css
window.onload = function(){
const viewer = new DsPdfViewer("#viewer", {
workerSrc: "/document-solutions/javascript-pdf-viewer/demos/product-bundles/build/dspdfviewer.worker.js",
supportApi: getSupportApiSettings()
});
viewer.addDefaultPanels();
viewer.addAnnotationEditorPanel();
viewer.addFormEditorPanel();
const toolbarLayout = viewer.toolbarLayout;
toolbarLayout.viewer.mobile = toolbarLayout.viewer.default = ["text-tools", "draw-tools", "attachment-tools",
"form-tools", "page-tools", "$split", "save", "$navigation", "$zoom"];
viewer.open("/document-solutions/javascript-pdf-viewer/demos/product-bundles/assets/pdf/realestate-lease.pdf");
}