FAQ: Where can I find the WebDocViewer / WebCapture Client Side Resources


From NuGet

Customers who use our SDK via NuGet instead of installing it may find that they're missing the WebDocumentViewer and/or WebCapture resources for the client side components.

In the past, our packages were not hosted on NuGet. However, they are now available

For WebDocumentViewer, they can be found in NuGet as

Atalasoft.Web.Document.Viewer

and for WebCapture (WingScan) they can be found under

Atalasoft.Web.Capture.Service

NOTE that these installs place all the scripts and css into a /Scripts/ directory while many of our demos use a /WebDocViewer/ and /WebCapture/ directory, so be sure to update as needed

From DotImage Document Imaging SDK

If you've installed DotImage SDK then you can find the resources in your filesystem:

For the newest 11.4 just use the ones shipped in the SDK under
C:\Program Files (x86)\Atalasoft\DotImage 11.4\bin\WebResources\WebDocViewer\
and
C:\Program Files (x86)\Atalasoft\DotImage 11.4\bin\WebResources\WebCapture\

Manual Install

To manually install the resources, you must acquire then, then in your Visual Studio project, add empty directory named WebCapture and or WebDocViewer and then copy the relevant files into them

Then, you'll need to link the scripts in your markup

Example using SDK files from C:\Program Files (x86)\Atalasoft\DotImage 11.4\bin\WebResources\

<head>
    <script src="/WebDocViewer/jquery-3.5.1.min.js" type="text/javascript"></script>
    <script src="/WebDocViewer/jquery-ui-1.13.1.min.js" type="text/javascript"></script>
    <script src="/WebDocViewer/raphael-min.js" type="text/javascript"></script>
    <script src="/WebDocViewer/clipboard.min.js" type="text/javascript"></script>
    <script src="/WebDocViewer/atalaWebDocumentViewer.js" type="text/javascript"></script>

    <link href="/WebDocViewer/jquery-ui-1.13.1.min.css" rel="Stylesheet" type="text/css" />
    <link href="/WebDocViewer/atalaWebDocumentViewer.css" rel="Stylesheet" type="text/css" />
    
    <!-- *************************************************************
     This next line is needed if you are using web capture
     if you are using WebCapture without WebDocViewer then you only need this line plus
     the include for /jquery-3.5.1.min.js from above 
    ************************************************************* -->
    <script src="/WebCapture/atalaWebCapture.js" type="text/javascript"></script>
</head>

Example using NuGet packages

<head>
    <script src="/Scripts/jquery-3.5.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-ui-1.13.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/raphael-min.js" type="text/javascript"></script>
    <script src="/Scripts/clipboard.min.js" type="text/javascript"></script>
    <script src=/"Scripts/atalaWebDocumentViewer.js" type="text/javascript"></script>

    <link href="/Scripts/jquery-ui-1.13.1.min.css" rel="Stylesheet" type="text/css" />
    <link href="/Scripts/atalaWebDocumentViewer.css" rel="Stylesheet" type="text/css" />

    <!-- *************************************************************
     This next line is needed if you are using web capture
     if you are using WebCapture without WebDocViewer then you only need this line plus
     the include for /jquery-3.5.1.min.js from above 
    ************************************************************* -->
    <script src="/Scripts/atalaWebCapture.js" type="text/javascript"></script>
</head>