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

Revision as of 16:31, 26 March 2020

The Document Viewer allows users to—you guessed it—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.

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.

Tools

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

@@ Line 1: / Line 1: @@
-[[file:document_viewer_01.png|thumb|320px|This is an example image of the Document Viewer in Grooper.]]
+{|
+| style="vertical-align: top; padding: 25px" | The ''Document Viewer'' allows users to—you guessed it—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.
+|[[file:document_viewer_01.png|thumb|800px|This is an example image of the Document Viewer in Grooper.]]
+|}
-The ''Document Viewer'' allows users to—you guessed it—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.
+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.
 ==Tools==
 Understanding the Document Viewer means knowing the functionality of its main toolset.
+<tabs style="margin:20px">
+<tab name="Document Viewer Toolbar" style="margin:25px">
 ===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]]
+</tab>
+<tab name="Select Tool (pointer icon)" style="margin:25px">
-===Select Tool (pointer icon)===
+===Select Tool===
 This lets the user make a text based selection
 [[file:document_viewer_03.png|800px|center]]
+</tab>
-===Pan Tool (hand icon)===
+<tab name="Pan Tool (hand icon)" style="margin:25px">
+===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]]
+</tab>
-===Select Region Tool (rectangle + plus icon)===
+<tab name="Select Region Tool" style="margin:25px">
+===Select Region Tool===
 This lets the user draw a rectangular marquee for selection purposes.
 [[file:document_viewer_05.png|800px|center]]
+</tab>
-===Zoom Tool (rectangle + magnifying glass icon)===
+<tab name="Zoom Tool (rectangle + magnifying glass icon)" style="margin:25px">
+===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]]
+</tab>
-===Magnify Tool (page + magnifying glass icon)===
+<tab name="Magnify Tool (page + magnifying glass icon)" style="margin:25px">
+===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]]
+</tab>
+<tab name="Classic Zoom Tools" style="margin:25px">
 ===Classic Zoom Tools===
 * Zoom In
@@ Line 39: / Line 49: @@
 * Fit to height
 [[file:document_viewer_08.png|800px|center]]
+</tab>
+<tab name="Rotate Tools" style="margin:25px">
 ===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]]
+</tab>
+<tab name="Print and Save Page Tools" style="margin:25px">
 ===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]]
+</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]]
+</tab>
+<tab name="Navigation Buttons" style="margin:25px">
 ===Navigation Buttons===
 * |< Go to First Page
@@ Line 59: / Line 73: @@
 * >| Go to Last Page
 [[file:document_viewer_12.png|800px|center]]
+</tab>
-===Rendition Selector (New to Grooper v2.90)===
+<tab name="Rendition Selector (New to Grooper v2.9" style="margin:25px">
+===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/>
@@ Line 66: / Line 81: @@
 <br/>
 [[file:document_viewer_14.png|800px|center]]
+</tab>
+</tabs>