Tech Specs
How-to C#

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>

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>

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.