Main support resources for CADViewer, CADViewer Pro, CADViewer Enterprise, CADViewer JS and all other Legacy Viewers can be found below:
If you cannot find the support information that you are looking for, please contact us.
An installation of CADViewer contains of three distinct components:
- CADViewer - The Front-End
- Back-End Converters - AutoXchange 2020 (optionally LinkList and DwgMerge)
- Handlers - Connecting the Front-End with the Back-End
Users can choose to install CADViewer as an integrated system, or implement the separate components into their own business logic. The installation of CADViewer is done using our Technical Documentation and Tutorial.
The CADViewer TechDoc will guide you through, how to install and use CADViewer, through the steps below:
- Install CADViewer
- Work with the API
- Use the Reference Samples as Template
- Contact us if you need help
Note: The folder location of the back-end converters are outlined in section CADViewer Back-End CAD Converters Folder Structure, but may change depending on the Handler technology, see Connecting CADViewer and the Back-end Converters below.
Connecting CADViewer and the Back-end Converters
CADViewer needs to connect to the AutoXchange 2020 to process CAD files. We provide Server connectivity modules or Handers using the following technologies:
Each of the Handler Sections includes installation guidance and reference Source Code for application programmers to use.
CADViewer Support - General Resource Links
These are the general CADViewer resource links:
Legacy Java Versions - CADViewer Pro Support
CADViewer 4.1 install notes.
Download CADViewer, and follow the instructions below:
Unzip the installation directly under your server structure. (The download is set up for /xampp/htdocs/ under XAMPP with PHP, alternatively /xampp/tomcat/webapps/ for Servlets.)
Edit configuration file CV-JS_config.php in folder ./cadviewer/php/ to point to your server structure.
Edit configuration file CV-JS_ServerSettings.js in folder ./cadviewer/html/ to point to your server structure.
High resolution print in CADViewer JS as well as file load/save modals, redlines save/load, images insert save/load and DWG/DWF on-the-fly conversion requires that PHP is installed on the server.
Ensure that the executables under /cadviewer/converters/ax2020/ has full executable, read and write permissions.
Ensure that the executables under /cadviewer/converters/dwgmerge2020/ has full executable, read and write permissions.
Ensure that the .bat/.sh files under /cadviewer/converters/pdf_converter/ has full executable, read and write permissions.
Ensure that the folder structure under /cadviewer/converters/ has full read and write permissions.
Run the samples under http://localhost/cadviewer/ through a web-browser. (redirection to /cadviewer/html/index.html.)
If PHP is not installed on your server, see section SAMPLE SETTINGS FOR SERVLETS - ALTERNATIVE TO DEFAULT PHP SETTING in the source code of the .html samples in the /cadviewer/html/ folder on how to set up alternatively handlers.
In the Servlet based implementation, all handlers are set to be Servlet based. If only the Servlets are needed, you can download those from: CVJS_3_2_0_allServlets_jdk1.7.zip. If you need the Servlet source code to integrate with your application, please contact us.
If the user implementation is using sources from either different domains or different ports under the same domain, calling PHP may give a cross-domain error message. To set up the PHP files to allow multiple domains, edit the variable $allowed_domains to include all domains and ports from the user application. Download PHP files from: php-crossDomain.zip, edit and overwrite the PHP files into /cadviewer/php/ install folder.
To load PDF files, Java needs to be installed on your server. Once Java is installed update the configuration file ./php/CV-JS_config.php to point at your Java and folder settings, alternatively update the web.xml parameters if running Servlets under Tomcat.
To debug, in each of the samples in ./cadviewer/html folder, locate the statement cvjs_debugMode(false); , set it to cvjs_debugMode(true);. You can now monitor the trace of the server/client flow from the browser developer console.
On ASP.NET : Download and add as Visual Studio project. Follow descriptions in Default.aspx to edit /cadviewer/Web.config and cadviewer/html/CV-JS_ServerSettings.js.
On Angular 8 / Node JS : Download and follow instructions in README.md.
On Ionic / Node JS : Download and follow instructions in README.md.
CADViewer JS samples:
The page /cadviewer/html/index.html in the CADViewer downloads above contains a set of samples to help you get going with CADViewer JS:
- Loading and display of CAD drawing pre-converted with AutoXchange. (See file: CVJS_viewing_only_xx.html)
- Loading and display of DWG drawing. Connects with an external server for on-the-fly conversion of CAD file. (See file: CVJS_viewing_serverload_xx.html)
- CADViewer JS is set up with interactive modals for file-loading and redlines. Links with AutoXchange for own server on-the-fly conversion control of CAD drawings. (See file: CVJS_fileloader_xx.html)
- Similar to sample 3), but redline control icon disk is pre-set.(See file: CVJS_fileloader_red_xx.html)
- Multiple overlay load of redlines are enabled. Links with AutoXchange for own server on-the-fly conversion .(See file: CVJS_fileloader_red_overlay_xx.html)
- Sample with image handling and object count menu page activated. Images can be externally loaded an added to a location on drawing. (See file: CVJS_insert_image_xx.html)
- Sample with compare drawings menu page activated (icon menu page three). Two drawings are loaded and overlaid to expose differencies. (See file: CVJS_compare_drawings_xx.html)
- Sample illustrating the dynamic highlight API for coloring and labelling objects in a drawing. Sample also illustrates thumbnail generator and PDF generation of screen image with dynamic highlight (for reporting). (See file: CVJS_loaddynamic_highlight_xx.html) For a more indept description on creating the dynamic hotspots on drawings, as used in this examples, see document: CADViewer JS-AutoXchange - Generating Automated Hotspots.pdf
- Sample illustrating the dynamic highlight API for coloring and labelling objects using AutoCAD Handles.(See file: CVJS_CVJS_acad_handles_xx.html) For a more indept description on creating the dynamic hotspots on drawings, as used in this examples, see document: CADViewer JS-AutoXchange - Generating Automated Hotspots.pdf
- Minimized version of CADViewer JS is used to batch convert a set of drawings to a multipage PDF (See file: CVJS_batchprint_to_pdf_xx.html)
- Handlers are added to SVG file so text objects on layers responds to mouse over, mouse click, etc.(See file: CVJS_svg_clickhander_xx.html)
- Handlers are added to SVG file xlink hyperlinks responds to mouse over, mouse click, etc.(See file: CVJS_svg_xlink_hyperlinks_xx.html)
- Multiple SVG files are indexed for page browsing.(See file: CVJS_svg_multipage_xx.html)
- AngularJS and PHP are used to dynamically load content from a MySQL database for two-way interaction with content in drawing.(See file: CVJS_visual_query_xx.html) For a more indept description on creating the dynamic hotspots on drawings, as used in this examples, see document: CADViewer JS-AutoXchange - Generating Automated Hotspots.pdf
- CADViewer JS integrated with REST interface to SharePoint, so CAD drawings in SharePoint can be visualized both inside SharePoint and on an external CAD server. Integration steps are described in: CADViewerJS - SharePoint configuration.pdf (See file: CVJS_sharepoint_xx.html)
- Loading and display of multipage PDF document using on-the-fly conversion.(See file: CVJS_pdf_multipage_xx.html)
- CADViewer JS SharePoint/MicroSoft 365 Integration: Seamless CAD access point to Sharepoint server. Builds navigational file tree over Sharepoint server folder content. Among others, allows sharing of redlined content via e-mail. Implements download and upload of redlines as well as translation to PDF of redline overlays.
- Builds navigational file tree over server folder content. Folder is set through URL parameter file_location.
- QR Codes: Adds QR codes to drawings on download. (See File: VJS_QR_410.html)
- Space Objects: :Create the hotspots using the interface. Saved Space objects are placed in folder defined by cvjs_setSpaceObjectsAbsolutePath() in the file: space_FileName.js. ( See file: CVJS_create_space_objects_410.html)
- Image Space Objects (Sensors): :Create the image hotspots using the interface. Download drawing with objects and reuse in use-case to highlight objects. ( See file: CVJS_create_image_space_objects_410.html)
- API Canvas: : All interactive icon commands in CADViewer JS are exposed through Java Script API calls. ( See file: CVJS_API_canvas_410.html)