WorkingInteractiveMode Property

get_workingInteractiveMode();
Object.defineProperty('workingInteractiveMode');

Property Value

ImageViewer will hook to the ImageViewerInteractiveMode.WorkStarted and ImageViewerInteractiveMode.WorkCompleted of the interactive modes set in InteractiveModes. When work starts or completes, the PropertyChanged event fires with "WorkingInteractiveMode" as the property name and the value of WorkingInteractiveMode updates accordingly. Use WorkingInteractiveMode to perform any custom action required by your application.

For devices that support mouse pointers, the cursor will change to the value of ImageViewerInteractiveMode.WorkingCursor when the interactive mode is working.

For more information, refer to Image Viewer Interactive Modes.

This example will track the working interactive mode value and set it in a label.

Run the demo, click the Example button.

Start with the ImageViewer example, remove all the code inside the example function (search for the "// TODO: add example code here" comment) and insert the following code:

if (this._imageViewer.workingInteractiveMode != null) {
   var savedCursor = this._imageViewer.workingInteractiveMode.workingCursor; // save
   this._imageViewer.workingInteractiveMode.workOnBounds = true;
   this._imageViewer.workingInteractiveMode.workingCursor = "WaitCursor";
   this._imageViewer.workingInteractiveMode.start(this._imageViewer);

   this._imageViewer.workingInteractiveMode.workCompleted.add(function (sender, e) {
      // reset working cursor to saved cursor
      this.imageViewer.workingInteractiveMode.workingCursor = savedCursor;
   });
}