Free Support Forum - groupdocs.com

Not able to replicate sample application "ASP.NET_MVC_Front_End"

Hi,

I am trying to implement viewer just like in subject sample project but i am getting following error:

Uncaught ReferenceError: Container is not defined
at b._init (installableViewer.min.js:1)
at new b (installableViewer.min.js:1)
at window.groupdocs.groupdocsViewerViewModel._create (installableViewer.min.js:1)
at new window.groupdocs.groupdocsViewerViewModel (installableViewer.min.js:1)
at t.(:32695/anonymous function).(anonymous function)._createViewModel (http://localhost:32695/GD/installableViewer.min.js:1:470)
at t.(:32695/anonymous function).(anonymous function)._createViewModel (http://localhost:32695/GD/jquery-ui-1.10.3.min.js:5:5028)
at t.(:32695/anonymous function).(anonymous function).getViewModel (http://localhost:32695/GD/installableViewer.min.js:1:392)
at t.(:32695/anonymous function).(anonymous function).getViewModel (http://localhost:32695/GD/jquery-ui-1.10.3.min.js:5:5028)
at t.(:32695/anonymous function).(anonymous function)._create (http://localhost:32695/GD/installableViewer.min.js:1:306)
at t.(:32695/anonymous function).(anonymous function)._create (http://localhost:32695/GD/jquery-ui-1.10.3.min.js:5:5028)
_init @ installableViewer.min.js:1
b @ installableViewer.min.js:1
_create @ installableViewer.min.js:1
window.groupdocs.groupdocsViewerViewModel @ installableViewer.min.js:1
_createViewModel @ installableViewer.min.js:1
(anonymous) @ jquery-ui-1.10.3.min.js:5
getViewModel @ installableViewer.min.js:1
(anonymous) @ jquery-ui-1.10.3.min.js:5
_create @ installableViewer.min.js:1
(anonymous) @ jquery-ui-1.10.3.min.js:5
_createWidget @ jquery-ui-1.10.3.min.js:5
t.(anonymous function).(anonymous function) @ jquery-ui-1.10.3.min.js:5
(anonymous) @ jquery-ui-1.10.3.min.js:5
each @ jquery.min.js:2
each @ jquery.min.js:2
t.fn.(anonymous function) @ jquery-ui-1.10.3.min.js:5
(anonymous) @ (index):60
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
ready @ jquery.min.js:2
K @ jquery.min.js:2

I have added all the required JS, CSS but still this error not going off. Your sample application runs fine but mine doesn’t. Not able to figure out what i am missing.

Thanks.

@Niteen_Jadhav,

Thanks for posting your issue here.

The sample application you are trying to replicate is obsolete and its support has been discontinued. We recommend you to please try our latest open source document viewer application hosted here.

Hi,

Thanks for sample.
The project i am working on requires that i should be controlling what needs to be displayed on viewer every page wise. can you point me to a simple sample app where i can define my own page navigation and loading events.

@Niteen_Jadhav,

Thanks for coming back to us.

Yes, you can fulfill your requirement using GroupDocs.Viewer. In fact, GroupDocs.Viewer is a back end API that provides the feature of rendering the document pages in the form that can be displayed easily in your front end application. You will have to create your own front end UI to display the rendered pages as the API does not have any builtin UI control. The API provides the following modes to render a document.

  • HTML based rendering: In HTML based rendering, the API generates the HTML representation of each page of the source document. You can easily manipulate the HTML content of each page as a string. You can either embed the HTML content directly in your application or save it as an HTML file and display it in the browser. For details, please visit Rendering Document as HTML.
  • Image-based rendering: In image-based rendering, the API converts each page of the document into an image (PNG, JPG, BMP). You can easily save the image to your desired location and display it in your application to view the content of the document. For details, please visit Rendering Document as Image.

Furthermore, if you don’t want to render all the pages of a document at once, GroupDocs.Viewer allows rendering a single page or the selected pages of the source document. This feature may help you while handling the page navigation in your front end application. For more details on this feature, please visit this documentation article.

You can also download the example project from here to evaluate all the features of the API at your end. Moreover, if you want to get help on how to create a front-end application using GroupDocs.Viewer at the back-end, please download our sample document viewer application from here. For more details, please visit the API’s documentation.

Hi,

Thanks the sample code in link “https://github.com/groupdocs-viewer/GroupDocs.Viewer-for-.NET-MVC”, seems will help me in fulfilling my requirement.
Just wanted to clarify that if i follow the approach mentioned in shared link will i be able to implement the annotation feature also later on in the same viewer. I should be able to add or remove annotations. Also do we have events for individual annotation objects rendered on the viewer for example?

Thanks

@Niteen_Jadhav,

Thanks for your response.

Yes, as both are the backend APIs and are independent of the architecture of the front end application, therefore, you can use them in a single application. You will be using GroupDocs.Viewer to view the documents and GroupDocs.Annotation to apply the annotations.

GroupDocs.Annotation allows dealing with a wide range of annotation objects by providing the easy to use methods and multiple properties to control the behavior and appearance of each object. You can add as well as remove the annotation from the supported documents. You can also download and try our open source application that allows viewing and annotating the documents from here. This application will help you understand how to view and annotate the documents in a single application. In case you would have any other queries regarding GroupDocs.Annotation, please feel free to post under GroupDocs.Annotation Category.