EdgePDF
Features
Tech Specs
How-to C#
Pricing
HTML5 Viewer & Editor
  |  
Home ›› XDoc.PDF ›› C# PDF: HTML5 PDF Viewer

Customize EdgePDF ASP.NET PDF Editor UI in C#, HTML, JS


Online Guide for customizing ASP.NET PDF Viewer & Editor using C#, html, javascript






Put web editor in your project sub folder, instead of root folder




In Default.aspx
_pdfEditor = new PDFOnlineEditor({
        _serverUrl: "/RasterEdge_Resource_Files/UserCommandProcessHandler.ashx",
        _defaultPage: "/home/viewer/Default.aspx", 
    });



Define your own toolbar and commands




It is really easy to define your own toolbar and commands. Navigate to {EdgePDF Demo Project}/ RasterEdge_Resource_Files/Javascript/RasterEdge_WebApp.js. All toolbar, command, command groups are defined in this file. You can delete, re-order any of them.


Web editor width and height settings




It is easy to define web editor width and height with absolute size or relative site.

Web editor width and height with absolute size:
<div style="width: 1200px; height: 800px">
        <iframe name="edgepdf" src=" http://localhost" style="width: 100%; height: 100%"></iframe>
</div>


Web editor width and height with relative size:
<div style="width: 90%; height:600px;">
        <iframe name="edgepdf" src="http://localhost" style="width: 100%; height: 90%"></iframe>
</div>



Define web editor HTML page title




By default, web editor html page title will show current displayed document file name. You can disable this feature.

In {EdgePDF Demo Project}/RasterEdge_Resource_Files/Javascript/RasterEdge_WebApp.js
Go to function setWebTitle, use the following JS code:

true: it will show current displayed document file name.
false: it will not.
setWebTitle("EdgeDoc Viewer: online view, comment, redact, convert documents.",true);



Comments default property settings




In {EdgePDF Demo Project}/ RasterEdge_Resource_Files/Javascript/RasterEdge_WebApp.js,
Go to function setCommentsStyle, here you can modify all comments item default settings.