View thumbnails with annotations in HTML5 web browser VintaSoft Imaging .NET SDK 12.0: Documentation for Web developer Collapse All Expand All In This Topic View thumbnails with annotations in HTML5 web browser In This Topic 1. JavaScript UI control for viewing thumbnails with annotations in HTML5 web browser The Vintasoft.Imaging.Annotation.UI.WebAnnotatedThumbnailViewerJS class is a JavaScript control for viewing thumbnails with annotations in any HTML5 compatible web browser. The class can be created on a client-side of web application. The class requires a web service for getting information about image, rendering a thumbnail and deserializing of annotations. As the web service can be used ASP.NET Core Web API controller (ASP.NET Core), ASP.NET Web API 2 controller (ASP.NET MVC 5), or any other .NET compatible web service. The Vintasoft.Imaging.Annotation.UI.WebAnnotatedThumbnailViewerJS class complements the functionality of Vintasoft.Imaging.UI.WebThumbnailViewerJS class and allows to preview image thumbnails with annotations. 2. Web Document Viewer UI for viewing thumbnails with annotations in HTML5 web browser The WebUiThumbnailViewerPanelJS class represents a web UI panel that can be used in web document viewer and allows to display a thumbnail viewer. Panel can be shown in side panel or separately. Panel will create HTML5 thumbnail viewer if Vintasoft.Imaging.DocumentViewer.js file is used together with Vintasoft.Imaging.Html5.js file and if "annotations" flag is NOT enabled in web document viewer settings. Panel will create SVG thumbnail viewer if Vintasoft.Imaging.DocumentViewer.js file is used together with Vintasoft.Imaging.Svg.js file and if "annotations" flag is NOT enabled in web document viewer settings. Panel will create HTML5 annotated thumbnail viewer if Vintasoft.Imaging.DocumentViewer.js file is used together with Vintasoft.Imaging.Html5.js and Vintasoft.Imaging.Annotation.Html5.js files and if "annotations" flag is enabled in web document viewer settings. Panel will create SVG annotated thumbnail viewer if Vintasoft.Imaging.DocumentViewer.js file is used together with Vintasoft.Imaging.Svg.js and Vintasoft.Imaging.Annotation.Svg.js files and if "annotations" flag is enabled in web document viewer settings. The WebThumbnailViewerSettingsDialogJS class represents a JavaScript UI dialog that can be used in web document viewer and allows to view and edit the thumbnail viewer settings. Here is screenshot of annotated thumbnail viewer panel in web application: Here is an example of JavaScript code, which demonstrates how to add the panel with annotated thumbnail viewer into web document viewer: Javascript