2.90:Document Viewer (UI Element): Difference between revisions

← Older edit

Latest revision as of 11:03, 5 August 2025

This article is about an older version of Grooper.

Information may be out of date and UI elements may have changed.

The Grooper Document Viewer is the portal to your documents. It is the UI that allows you to see a folder Batch Folder's (or a contract Batch Page's) image, text content, and more.

About

The Document Viewer allows users to view documents! It comes equipped with several different tools and settings that let you see what you need to see the way you need to see it.

Like the Batch Viewer, there is no one place the Document Viewer exists. As you navigate through Grooper anytime there is some kind of interface that needs you to view a document, or page, it will be present somewhere within the UI. These include, but are not limited to:

general viewing of batch contents when using a Batch Viewer anywhere
seeing the effects of an Image Processing Profile and using that visual feedback to make adjustments to said profile
when writing regular expression patterns and viewing the highlighted results
when testing extraction on any extractor, or even a full Data Model
when reviewing information like Classification, or Extraction

This is an example image of the Document Viewer in Grooper.

How To

Understanding the Document Viewer means knowing the functionality of its main toolset.

Interface Tools

Document Viewer ToolbarSelect Tool (pointer icon)Pan Tool (hand icon)Select Region Tool

Document Viewer Toolbar

The Document Viewer Toolbar runs along the top of the pane on the right of the screen, just above the document you are viewing. (Some buttons do not apply to certain file types and will be hidden in those contexts.)

Select Tool

This lets the user make a text based selection

Pan Tool

This lets the user re-position the document in the viewer typically as a result of it being at some level of zoom.

Select Region Tool

This lets the user draw a rectangular marquee for selection purposes.

Zoom Tools

Zoom Tool (rectangle + magnifying glass icon)Magnify Tool (page + magnifying glass icon)Classic Zoom Tools

Zoom Tool

This lets users make a rectangular zoom selection and fits that selection to the display window.

Magnify Tool

This lets users click & drag to see a magnified overlay window, great for viewing character or image quality details close-up.

Classic Zoom Tools

Zoom In
Zoom Out
Actual Size
Fit window
Fit to width
Fit to height

Transform and File System Tools

Rotate ToolsPrint and Save Page ToolsDocument Viewer Options

Rotate Tools

These tools allow the user to rotate the document in 90° in either a clockwise or counter-clockwise fashion.

Print and Save Page Tools

These tools allow a user to either print or save (as a PDF, among other image formats) the currently displayed page.

Document Viewer Options

The Document Viewer Options allow a user to adjust Anti-Aliasing/font smoothing settings, as well as allows users to show/hide Tooltips and Annotations.

Document Navigation and Rendition

Navigation ButtonsRendition Selector

Navigation Buttons

|< Go to First Page
<- Go back a page
Key in page number
-> Go forward a page
>| Go to Last Page

Rendition Selector

This drop-down lets the user select which rendition of the file to display. For OCR’ed documents, you can choose between the image or the OCR text. For PDF documents that have been Recognized, you can view the PDF in its Native Format or its Character Data renditions. XML-Based Word and Excel Documents (.docx and .xslx files from Office 2007 onward) can be viewed their component XML files, where users can see versioning, formatting, style, application, workbook, sheet, and other information within the document.

Page View Tools

ScanOnce Adjustments

Changes the display format of the current page to color. Changes the display format of the current page to grayscale. Changes the display format of the current page to black and white. After applying one of the previous color space adjustments, this button will highlight and allow you to open a menu specific to that color adjustment to fine tune the change. This will remove any of the changes made from the previous buttons and revert the page back to its original state.
This is the menu mentioned in Step 4. This is an example of the tools available for the color and grayscale options. The black and white menu is slightly different in that it doesn’t provide sliders for adjustment, but instead a drop-down of choices for what style of thresholding you wish to apply.
Adjust the brightness and contrast of the image. Crop the image to a rectangular region. Inverts the polarity of the image. Adjust the gamma correction level of the image. Undo image adjustments. These adjustments have interface windows like the one seen in step 6.

Version Differences

Prior to Grooper 2.9 the Rendition Selector, and most of the image adjustment tools on pages did not exist.

@@ Line 1: / Line 1: @@
+__NOINDEX__
+{{AutoVersion}}
+[[File:document_viewer_00a.png|right|thumb|200px|Graphic depicting the Grooper Document Viewer.]]
+<blockquote>{{#lst:Glossary|Document Viewer}}</blockquote>
+<br clear=all>
+==About==
 {|
-| style="vertical-align: top; padding: 25px" | The '''Document Viewer''' allows users to view documents! It comes equipped with several different tools and settings that let you see what you need to see the way you need to see it.
+| style="vertical-align: top; padding: 25px; width:35%" |
-|[[file:document_viewer_01.png|thumb|800px|This is an example image of the Document Viewer in Grooper.]]
+The '''Document Viewer''' allows users to view documents! It comes equipped with several different tools and settings that let you see what you need to see the way you need to see it.
+Like the Batch Viewer, there is no one place the Document Viewer exists. As you navigate through Grooper anytime there is some kind of interface that needs you to view a document, or page, it will be present somewhere within the UI. These include, but are not limited to:
+* general viewing of batch contents when using a Batch Viewer anywhere
+* seeing the effects of an Image Processing Profile and using that visual feedback to make adjustments to said profile
+* when writing regular expression patterns and viewing the highlighted results
+* when testing extraction on any extractor, or even a full Data Model
+* when reviewing information like Classification, or Extraction
+|[[file:document_viewer_01.png|
+This is an example image of the Document Viewer in Grooper.]]
 |}
-==Tools==
+==How To==
 Understanding the '''Document Viewer''' means knowing the functionality of its main toolset.
+===Interface Tools===
 <tabs style="margin:20px">
 <tab name="Document Viewer Toolbar" style="margin:25px">
-===Document Viewer Toolbar===
+====Document Viewer Toolbar====
 The '''Document Viewer Toolbar''' runs along the top of the pane on the right of the screen, just above the document you are viewing. (Some buttons do not apply to certain file types and will be hidden in those contexts.)
-[[file:document_viewer_02.png|800px|center]]
+[[file:document_viewer_02.png|center]]
 </tab>
 <tab name="Select Tool (pointer icon)" style="margin:25px">
-===Select Tool===
+====Select Tool====
 This lets the user make a text based selection
-[[file:document_viewer_03.png|800px|center]]
+[[file:document_viewer_03.png|center]]
 </tab>
 <tab name="Pan Tool (hand icon)" style="margin:25px">
-===Pan Tool===
+====Pan Tool====
 This lets the user re-position the document in the viewer typically as a result of it being at some level of zoom.
-[[file:document_viewer_04.png|800px|center]]
+[[file:document_viewer_04.png|center]]
 </tab>
 <tab name="Select Region Tool" style="margin:25px">
-===Select Region Tool===
+====Select Region Tool====
 This lets the user draw a rectangular marquee for selection purposes.
-[[file:document_viewer_05.png|800px|center]]
+[[file:document_viewer_05.png|center]]
 </tab>
+</tabs>
+===Zoom Tools===
+<tabs style="margin:20px">
 <tab name="Zoom Tool (rectangle + magnifying glass icon)" style="margin:25px">
-===Zoom Tool===
+====Zoom Tool====
 This lets users make a rectangular zoom selection and fits that selection to the display window.
-[[file:document_viewer_06.png|800px|center]]
+[[file:document_viewer_06.png|center]]
 </tab>
 <tab name="Magnify Tool (page + magnifying glass icon)" style="margin:25px">
-===Magnify Tool===
+====Magnify Tool====
 This lets users click & drag to see a magnified overlay window, great for viewing character or image quality details close-up.
-[[file:document_viewer_07.png|800px|center]]
+[[file:document_viewer_07.png|center]]
 </tab>
 <tab name="Classic Zoom Tools" style="margin:25px">
-===Classic Zoom Tools===
+====Classic Zoom Tools====
 * Zoom In
 * Zoom Out
@@ Line 46: / Line 68: @@
 * Fit to width
 * Fit to height
-[[file:document_viewer_08.png|800px|center]]
+[[file:document_viewer_08.png|center]]
 </tab>
+</tabs>
+===Transform and File System Tools===
+<tabs style="margin:20px">
 <tab name="Rotate Tools" style="margin:25px">
-===Rotate Tools===
+====Rotate Tools====
 These tools allow the user to rotate the document in 90° in either a clockwise or counter-clockwise fashion.
-[[file:document_viewer_09.png|800px|center]]
+[[file:document_viewer_09.png|center]]
 </tab>
 <tab name="Print and Save Page Tools" style="margin:25px">
-===Print and Save Page Tools===
+====Print and Save Page Tools====
 These tools allow a user to either print or save (as a '''[https://en.wikipedia.org/wiki/PDF PDF]''', among other image formats) the currently displayed page.
-[[file:document_viewer_10.png|800px|center]]
+[[file:document_viewer_10.png|center]]
 </tab>
 <tab name="Document Viewer Options" style="margin:25px">
 ===Document Viewer Options===
 The '''Document Viewer Options''' allow a user to adjust '''[https://en.wikipedia.org/wiki/Anti-aliasing Anti-Aliasing]'''/'''[https://en.wikipedia.org/wiki/Font_rasterization font]''' smoothing settings, as well as allows users to show/hide Tooltips and '''[https://en.wikipedia.org/wiki/Annotation Annotations]'''.
-[[file:document_viewer_11.png|800px|center]]
+[[file:document_viewer_11.png|center]]
 </tab>
+</tabs>
+===Document Navigation and Rendition===
+<tabs style="margin:20px">
 <tab name="Navigation Buttons" style="margin:25px">
-===Navigation Buttons===
+====Navigation Buttons====
 * |< Go to First Page
 * <- Go back a page
@@ Line 70: / Line 100: @@
 * -> Go forward a page
 * >| Go to Last Page
-[[file:document_viewer_12.png|800px|center]]
+[[file:document_viewer_12.png|center]]
 </tab>
-<tab name="Rendition Selector (New to Grooper v2.9") style="margin:25px">
+<tab name="Rendition Selector" style="margin:25px">
-===Rendition Selector===
+====Rendition Selector====
 This drop-down lets the user select which rendition of the file to display. For '''[https://en.wikipedia.org/wiki/Optical_character_recognition OCR’ed]''' documents, you can choose between the image or the OCR text. For PDF documents that have been '''Recognized''', you can view the PDF in its Native Format or its Character Data renditions. '''[https://en.wikipedia.org/wiki/Office_Open_XML XML-Based Word and Excel Documents (.docx and .xslx files from Office 2007 onward)]''' can be viewed their component '''[https://en.wikipedia.org/wiki/XML XML]''' files, where users can see versioning, formatting, style, application, workbook, sheet, and other information within the document.
 <br/>
-[[file:document_viewer_13.png|800px|center]]
+[[file:document_viewer_13.png|center]]
 <br/>
-[[file:document_viewer_14.png|800px|center]]
+[[file:document_viewer_14.png|center]]
 </tab>
 </tabs>
+===Page View Tools===
+====ScanOnce Adjustments====
+{| class="wikitable"
+| style="padding:25px; vertical-align:center; width:35%" |
+# Changes the display format of the current page to color.
+# Changes the display format of the current page to grayscale.
+# Changes the display format of the current page to black and white.
+# After applying one of the previous color space adjustments, this button will highlight and allow you to open a menu specific to that color adjustment to fine tune the change.
+# This will remove any of the changes made from the previous buttons and revert the page back to its original state.
+|| [[Image:document_viewer_15.png]]
+|-
+| style="padding:25px; vertical-align:center; width:35%" |
+# <li value="6"> This is the menu mentioned in Step 4. This is an example of the tools available for the color and grayscale options. The black and white menu is slightly different in that it doesn&rsquo;t provide sliders for adjustment, but instead a drop-down of choices for what style of thresholding you wish to apply.</li>
+|| [[Image:document_viewer_15a.png|document_viewer_15a.png]]
+|-
+| style="padding:25px; vertical-align:center; width:35%" |
+# <li value="7"> Adjust the brightness and contrast of the image.</li>
+# Crop the image to a rectangular region.
+# Inverts the polarity of the image.
+# Adjust the gamma correction level of the image.
+# Undo image adjustments.
+#* These adjustments have interface windows like the one seen in step 6.
+|| [[File:document_viewer_15b.png]]
+|}
+==Version Differences==
+Prior to '''Grooper 2.9''' the '''Rendition Selector''', and most of the image adjustment tools on pages did not exist.