Annotating multiple views and switching between single or multiple view

Options

View

Last

Unread

Previous Topic Next Topic

This topic and its replies were posted before the current version of LEADTOOLS was released and may no longer be applicable.

#1 Posted : Friday, February 10, 2017 7:47:46 AM(UTC)

maneka

Groups: Registered
Posts: 17

Thanks: 1 times

I am currently using the html5 and javascript leadtools library. I can annotate when it is a single image that is loaded. However I cannot annotate when the viewer has to deal with two or more images. any help provided is appreciated


	Try the latest version of LEADTOOLS for free for 60 days by downloading the evaluation: https://www.leadtools.com/downloads Wanna join the discussion? Login to your LEADTOOLS Support account or Register a new forum account.

#2 Posted : Monday, February 13, 2017 2:27:03 PM(UTC)

Hadi

Groups: Manager, Tech Support, Administrators
Posts: 218

Was thanked: 12 time(s) in 12 post(s)

Hello Maneka,

Thank you for posting your question on the LEADTOOLS Technical Support Forums.

Here is a good post that describes how to setup the Annotations with multiple images in the same viewer:

https://www.leadtools.co...ultipage-Annotation-Demo

The main thing that this project is showing how to do, is that when you are navigating between the various pages of the image viewer, you will need to use a different container since the container to image ratio is going to be 1 to 1. So when you are navigating pages, you need to also load a new container by attaching a new one to the active automation using the AttachContainer method as seen here:

https://www.leadtools.co...ion~attachcontainer.html

Here are the remarks from this link:

Quote:

Use this method to attach this AnnAutomation object to an existing container. This could be useful in a multi-page annotation application.

Another option is to use the Document Viewer since this would all be handled for you. To enable annotations in the Document viewer, you would simply need to set the Use Annotations parameter in the CreateOptions to True like so:

Code:

var createOptions = new lt.Documents.UI.DocumentViewerCreateOptions();
            // We are not going to use elements mode in this example
            createOptions.viewCreateOptions.useElements = false;
            createOptions.thumbnailsCreateOptions.useElements = false;

            // The middle panel for the view
            createOptions.viewContainer = document.getElementById("middle-panel");
            // The left panel for the thumbnails
            createOptions.thumbnailsContainer = document.getElementById("left-panel");
            // The right panel is for bookmarks
            createOptions.bookmarksContainer = document.getElementById("right-panel");
            // Not using annotations for now
            createOptions.useAnnotations = true;

            // Create the document viewer
            this._documentViewer = lt.Documents.UI.DocumentViewerFactory.createDocumentViewer(createOptions);

You can find an example of how to implement this at the following documentation link:

https://www.leadtools.co...ntviewerannotations.html

Please let me know if you have any further questions or issues with this!

Hadi Chami
Developer Support Manager
LEAD Technologies, Inc.

#3 Posted : Wednesday, February 15, 2017 5:22:25 AM(UTC)

maneka

Groups: Registered
Posts: 17

Thanks: 1 times

Hi Hadi,
Thank you for the response
I have had look at the example for the document viewer however the example is not working in the sense that the document is not loaded.
In terms of fitting for purpose the document viewer seem like the best option however could it be used to load image files

Thank you
Maneka

#4 Posted : Friday, February 17, 2017 10:20:13 AM(UTC)

Hadi

Groups: Manager, Tech Support, Administrators
Posts: 218

Was thanked: 12 time(s) in 12 post(s)

Yes, the DocumentViewer can be used to load image files as well as document files. You would just need to have the Document Service running and call the LoadFromURI method.

Hadi Chami
Developer Support Manager
LEAD Technologies, Inc.

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.