How can I GroupDocs.Viewer window to view the document in the browser?

When I click a link or a picture of one ducument,how can I open the CroupDocs.Viewer window to view the document?

Hello,


Thank you for your request. Yes you can create such functionality. To do that you should follow next logic:

1 Transfer document link to the GroupDocs.Viewer widget

2 Use link as data for parameter “file” of the request URL.


For example:

<a id="view" onClick=”show(url)”>Click me to view

<script type="text/javascript">

Function show(url) {

var localizedStrings = null;

var thumbsImageBase64Encoded = null;

$('#test').groupdocsViewer({

filePath: url,

docViewerId: 'doc_viewer1',

quality: 100,

showThumbnails: ${showThumbnails},

openThumbnails: ${openThumbnails},

initialZoom: 100,

zoomToFitWidth: true,

zoomToFitHeight: false,

width: ${width},

height: ${height},

backgroundColor: '',

showFolderBrowser: ${showFolderBrowser},

showPrint: ${showPrint},

showDownload: ${showDownload},

showZoom: ${showZoom},

showPaging: ${showPaging},

showViewerStyleControl: true,

showSearch: ${showSearch},

preloadPagesCount: 0,

viewerStyle: 1,

supportTextSelection: true,

usePdfPrinting: false,

localizedStrings: localizedStrings,

thumbsImageBase64Encoded: thumbsImageBase64Encoded,

toolbarButtonsBoxShadowStyle: '',

toolbarButtonsBoxShadowHoverStyle: '',

thumbnailsContainerBackgroundColor: '',

thumbnailsContainerBorderRightColor: '',

toolbarBorderBottomColor: '',

toolbarInputFieldBorderColor: '',

toolbarButtonBorderColor: '',

toolbarButtonBorderHoverColor: '',

thumbnailsContainerWidth: 0,

jqueryFileDownloadCookieName: 'jqueryFileDownloadJSForGD',

showDownloadErrorsInPopup: true,

showImageWidth: false,

showHeader: ${showHeader},

minimumImageWidth: 0,

enableStandardErrorHandling: true

});

}

Please note that the url should be a direct URL for the document.

If you will have more questions please feel free to contact us.