Several Questions

[Scott Griswold]

I have a couple of questions regarding the Webviewer product:

1. I am rendering in the WewViewer the GettingStarted.xod file as a stream using Microsoft Wep API based on a sample project I found from a support forum question. When I run the project (a basic web project in Visual Studio) the page appears to render correctly. I then created a config.js file as per instructions in the documentation and put in the following code (from one of your samples)

try {
$(document).on('documentLoaded', function () {

var annotManager = readerControl.docViewer.getAnnotationManager();

var stampAnnot = new Annotations.StampAnnotation();
stampAnnot.PageNumber = 1;
stampAnnot.X = 100;
stampAnnot.Y = 250;
stampAnnot.Width = 275;
stampAnnot.Height = 40;
stampAnnot.Author = annotManager.getCurrentUser();
stampAnnot.ImageData = 'data:image/png;base64,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';

annotManager.addAnnotation(stampAnnot);
annotManager.drawAnnotations(stampAnnot.PageNumber);
});
}
catch (err) {
console.log(err.message);
}

The code appears to render the custom stamp correctly. I then attempted to hide the control bar using sample code I found:

ReaderControl.config.ui.hideControlBar = true;

When I ran the project the file was rendered, but blurred. The custom stamp did not appear to render. What might I be doing wrong?

2. In your documentation a save button is mentioned. Is this shown by default when a document is rendered? If so, can you direct me to where it is?
3. When you create a signature using the signature annotation tool you can save that signature annotation as default and it will show in the menu as My signature. How would you save this signature and have it return the next time that users views a document. Can the menu item be changed?

4. After loading a document and putting a custom button on the menu bar I tried to run code using the myWebViewer variable I created to initialize the viewer. That variable is not available in the click event of the button. I thought it might be because the sample config.js file is a self-invoked anonymous function, but changing that did not have any effect. What might I be doing wrong

Scott

[Matt Bojey]

1. Unfortunately we are not able to reproduce this issue, where did you put the  
   ReaderControl.config.ui.hideControlBar = true;
    code? Are you able to reproduce the issue on a version of WebViewer without any other customizations?
2. The save button is in the right panel in the dropdown menu from the caret in the top right corner, see attached.
3. To do this you can catch the signature when it is made the default, write it to your server, and reload it as the default when the user returns to the viewer.  This post may be helpful with sending and retrieving the annotation to and from your server.  This can be done in the config.js file like this,

$(document).on('documentLoaded', function () {

    var signatureTool = readerControl.toolModeMap['AnnotationCreateSignature'];
    //This will catch the signature when it is added as the default
    $(signatureTool ).on('saveDefault', function(event, paths){
        yourFunctionToSaveToServer(paths);
    });
    var signatureFromServer = yourFunctionToRetrieveFromServer();
    signatureTool.initDefaultSignature(signatureFromServer);
});

    4.  For this the customization sample should be helpful, it can be found in the samples folder of your WebViewer download under customization.