Image Viewer

The Clooz Image Viewer has been designed to support transcription of data from digital images.

  • Row and Column header overlays allowing panning of the main content while keeping the headers visible and aligned
  • Row guide to keep your place in the image while transcribing
  • Image adjustment features to improve the readability of the image (brightness, contrast, rotation)
  • Magnifier box
  • Zooming and panning
  • Docked or Floating Window

For instructions on linking digital media files to Clooz records and displaying them in media viewers such as this one, see Working with Digital Media Files.

The Image Viewer Control Panel

Most of the Image Viewer features are controlled by a control panel which appears whenever the cursor is over the viewer window.

The Control Panel immediately provides access to several buttons:

  • Close Button (closes the viewer)
  • Magnifier Button (toggles magnifier box on/off)
  • Expand Button (click the arrow to fully expand the Control Panel)

To close the Control Panel, click the right arrow, or if the Auto close toolbox checkbox is checked, the Control Panel will retract automatically when the cursor is no longer over the Control Panel, and disappear completely when the cursor is no longer over the viewer.

Floating and Docking the Viewer to and from an External Window

These buttons appear in the same location within the Control Panel. Which one will appear depends upon whether the viewer is currently floating or docked.

Use the keyboard command: Ctrl+F to jump back and forth between floating and embedded viewer positioning. The viewer needs to have current program focus (was last thing clicked) for keyboard commands to work with it.

 

Panning The Image

Panning Action Mouse Keyboard
Pan Up/Down Use Mouse Wheel Ctrl+Up/Down Arrow
Pan Left/Right Shift+Mouse Wheel Ctrl+Left/Right Arrow
Pan any direction Click and drag  
Recenter on a desired point Double-click the point  

 

Zooming the entire image

 

Type of Zoom Mouse Keyboard
Zoom in/out at cursor location

Ctrl+Mouse Wheel (continuous) or
Shift+Left Click (zoom in, discrete steps)
Shift+Right Click (zoom out)

 
Zoom in/out based on image center Control Panel zoom slider NumPad Plus / Minus
Zoom to a rectangle Shift+Left Click - Drag to draw rectangle  
Best fill the viewer / Default level Control Panel Reset button Ctrl+NumPad 0
Zoom 100% of original image size Control Panel 100% button Ctrl+NumPad 1

 

Using the Magnifier

The Image Viewer supports a magnifier function for enlarging just a portion of the image. To display (or hide) the magnifier box, do one of the following:

  • Move the cursor over the image to display the control buttons on the right, then click the magnifier button,
  • Click anywhere inside the image viewer to ensure it is the active control, then press Ctrl+M.

The magnifier box should now be appearing in the center of the image viewer. You can now control its size, location and magnification:

Action Mouse Keyboard
Move box Click and drag magnifier (cursor inside box)  
Increase/decrease size of magnifier box Use mouse wheel while cursor if over magnifier

Ctrl+Shift+NumPad Plus/Minus

Reshape magnifier box Drag any of the sides or corners  
Increase/decrease magnification Hold down Ctrl key while using mouse wheel while cursor if over magnifier Ctrl+NumPad Plus/Minus
Close magnifier Double-click magnifier Ctrl+M

The magnifier is dependent on the resolution of the underlying image to support significant enlargement. If the magnified area is not of sufficient quality, try enlarging the entire image since this regenerates the image from the original file contents.

 

Displaying the Row Guide

Using the Row and Column Header Overlays

  1. Now grab hold of the top blue bar (hover cursor over it and click) and drag it down to create enough space for your column headers.

  2. With the cursor positioned in the top area (above the bar you just moved), click and hold down the left cursor button. Drag the image upward to until the column headers on the image are in view.

  3. Now do a similar setup with the bar on the left side, dragging it in and then positioning the overlay image to show the rows of the Name column.

  4. The overlays are now setup. In the main image area, start panning and zooming to notice that the overlays will continue to show what row and column you are looking at.

    When zooming the main area, the overlays will zoom as well, so you may need to adjust the size of the overlay areas by moving the bars and / or repositioning the overlay images.

Correcting Image Orientation (Rotation)

Rotation Action Control Panel Keyboard
Rotate 90 deg Clockwise or Counter-Clockwise 90 deg rotation buttons Ctrl+Shift+R or L
Rotate 2 deg increment Slight rotation buttons Ctrl+R or L
Restore original rotation angle Rotation Reset button Ctrl+N
     

When using the row and column header overlays it is important that you first have the image correctly oriented such that rows in the image are horizontal oriented.

 

Improving Image Viewing