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

From Grooper Wiki
No edit summary
Line 1: Line 1:
==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" | 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.
Line 4: Line 6:
|}
|}


==Tools==
==How To==
Understanding the '''Document Viewer''' means knowing the functionality of its main toolset.
Understanding the '''Document Viewer''' means knowing the functionality of its main toolset.


===Interface Tools===
<tabs style="margin:20px">
<tabs style="margin:20px">
<tab name="Document Viewer Toolbar" style="margin:25px">
<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.)
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|800px|center]]
</tab>
</tab>
<tab name="Select Tool (pointer icon)" style="margin:25px">
<tab name="Select Tool (pointer icon)" style="margin:25px">
===Select Tool===
====Select Tool====
This lets the user make a text based selection
This lets the user make a text based selection
[[file:document_viewer_03.png|800px|center]]
[[file:document_viewer_03.png|800px|center]]
</tab>
</tab>
<tab name="Pan Tool (hand icon)" style="margin:25px">
<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.
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|800px|center]]
</tab>
</tab>
<tab name="Select Region Tool" style="margin:25px">
<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.
This lets the user draw a rectangular marquee for selection purposes.
[[file:document_viewer_05.png|800px|center]]
[[file:document_viewer_05.png|800px|center]]
</tab>
</tab>
</tabs>
===Zoom Tools===
<tabs style="margin:20px">
<tab name="Zoom Tool (rectangle + magnifying glass icon)" style="margin:25px">
<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.
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|800px|center]]
</tab>
</tab>
<tab name="Magnify Tool (page + magnifying glass icon)" style="margin:25px">
<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.
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|800px|center]]
</tab>
</tab>
<tab name="Classic Zoom Tools" style="margin:25px">
<tab name="Classic Zoom Tools" style="margin:25px">
===Classic Zoom Tools===
====Classic Zoom Tools====
* Zoom In
* Zoom In
* Zoom Out
* Zoom Out
Line 48: Line 55:
[[file:document_viewer_08.png|800px|center]]
[[file:document_viewer_08.png|800px|center]]
</tab>
</tab>
</tabs>
===Transform and File System Tools===
<tabs style="margin:20px">
<tab name="Rotate Tools" style="margin:25px">
<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.
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|800px|center]]
</tab>
</tab>
<tab name="Print and Save Page Tools" style="margin:25px">
<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.
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|800px|center]]
Line 63: Line 74:
[[file:document_viewer_11.png|800px|center]]
[[file:document_viewer_11.png|800px|center]]
</tab>
</tab>
</tabs>
===Document Navigation and Rendition===
<tabs style="margin:20px">
<tab name="Navigation Buttons" style="margin:25px">
<tab name="Navigation Buttons" style="margin:25px">
===Navigation Buttons===
====Navigation Buttons====
* |< Go to First Page
* |< Go to First Page
* <- Go back a page
* <- Go back a page
Line 73: Line 88:
</tab>
</tab>
<tab name="Rendition Selector (New to Grooper v2.9") style="margin:25px">
<tab name="Rendition Selector (New to Grooper v2.9") 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.
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/>
<br/>

Revision as of 09:23, 5 May 2020

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.
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 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

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 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 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.