JS field formatting functions

This example demonstrates the capability of the PDF viewer to display form fields using various formatting functions available in the Adobe Acrobat JavaScript API.

The demo is being dynamically compiled to support real-time code editing... For quicker access to features, switch to the "JavaScript" tab for a smoother experience! :)
app.js
index.html
styles.css
loading...
window.onload = function() { //DsPdfViewer.LicenseKey = "***key***"; const viewer = new DsPdfViewer("#viewer", { }); viewer.addDefaultPanels(); var pdfUrlToOpen = "/document-solutions/javascript-pdf-viewer/demos/product-bundles/assets/pdf/js-field-formatting.pdf"; viewer.open(pdfUrlToOpen).then(function() { viewer.zoomMode = 1; }); }
window.onload = function() { //DsPdfViewer.LicenseKey = "***key***"; const viewer = new DsPdfViewer("#viewer", { }); viewer.addDefaultPanels(); var pdfUrlToOpen = "/document-solutions/javascript-pdf-viewer/demos/product-bundles/assets/pdf/js-field-formatting.pdf"; viewer.open(pdfUrlToOpen).then(function() { viewer.zoomMode = 1; }); }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>JS field formatting functions.</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./src/styles.css"> <script src="/document-solutions/javascript-pdf-viewer/demos/product-bundles/build/dspdfviewer.js"></script> <script src="/document-solutions/javascript-pdf-viewer/demos/product-bundles/build/wasmSupportApi.js"></script> <script src="/document-solutions/javascript-pdf-viewer/demos/resource/js/init.js"></script> <script src="./src/app.js"></script> </head> <body> <div id="viewer"></div> </body> </html>
#viewer { height: 100%; }