Medical Web Viewer Demo User Guide

1. Introduction

The Medical Web Viewer Demo enables users to view and manipulate a wide variety of medical images.

HTML5-Compliant

Requires no installation on the client’s behalf and is compatible with any HTML5-compliant web browser (including Google Chrome, Microsoft Internet Explorer 9 and up, Microsoft Edge, Mozilla Firefox, MacOS Safari, iPad, iPhone, Android, and more).

Image Sources and Network Sharing

Digital Images from a variety of different sources (including CT, MRI, Ultrasound Units, imaging sources etc.) can be analyzed, displayed, manipulated, stored, and sent across different networks.

Powerful Viewing and Processing Options

There are several different functions for viewing images. Some of these functions include annotation and measurement of regions of the image, image stacking, window width, and level manipulation.

3D images can be rendered through VRT , MIP , and MPR (3D) functions.

2. Using HTML5 Web Viewer

Default Toolbar

3. Quick Reference Guide

3.1 Layout Tools Table

3.2 Window Viewing Options Tools Table

3.3 Saving Images Table

3.4 Syncing Image Tools Table

3.5 Manipulation and Analysis Tools Table

3.6 Adjusting Image Viewing Tools Table

3.7 Annotation Images and Measurement Tools Table

3.8 3D imaging tools Table

3.9 DICOM Imaging Table

3.10 Audio Tools Table

3.11 Exporting Images Tool Table

4. Retrieving and Viewing Images

In order to view an image on the HTML5 Web Viewer, use the following steps:

1. Select the "Search" Tab.

   

2. Search for a Patient by entering: either the “PATIENT ID”, “PATIENT Name”, “Accession #”, “Referring Dr. Name”, or “Modality”.

   

3. Select the “Search” Button.

   

4. Select the Patient whose images you want to view.

   

5. Select the Image within the Series that is wished to be viewed.

   

4.1 Uploading an Image

In order to upload a DICOM image in the HTML5 Web Viewer, use the following steps:

1. Select the "UPLOAD" Tab.

   

2. Select "Browse" and input a DICOM image.

   

4.2 Emailing an Image

In order to email a DICOM image in the HTML5 Web Viewer, use the following steps:

1. With a series open, select the "E-MAIL" Tab.

   

2. Input the email the image will be sent to. Select properties to enable features for viewing.

   

3. Select Send, if an exception occurs select the TROUBLESHOOT button.

   

4. Open the URL sent through the provided email to view the DICOM image.

   

5. Layout Options

The Layout Options provides the HTML5 Medical Viewer support for grid (row and column base) and non-grid (rectangles of multiple shape and sizes) layouts for image display. They can be applied at series level or study level. A user with template editing rights, can also create display templates using the Template Editor ,and save it for other user to use during image viewing. Users can enable the study timeline to see the thumbnail representation of all the available series of a patient, and select the Series or Study layout to setup the image box layouts. A user can also drag a series thumbnail representing the series from the study timeline view and drop it on an image box for viewing. If a user wants to save the currently displayed layout as a DICOM Structured Display or create a DICOM Hanging Protocol (for an imaging procedure type), they can do so by clicking on the Compose Layout button.

5.1 Compose Layout

5.2 Merge Cells

5.3 Saving Hanging Protocol

Saving Hanging Protocol Setting Options

To get to the different setting options click next:

Saving Hanging Protocol Step 1

• Provide the Name, Description, and Level for which the Hanging Protocol will be applied to.

  

Saving Hanging Protocol Step 2

• This is the Hanging Protocol Definition overview that can be used to edit an existing definition, or add a new one.

  

Saving Hanging Protocol Step 3

• Add the new Hanging Protocol Definition by supplying a String or using the Anatomic Region Sequence.

  

Saving Hanging Protocol Step 4

• This is the image set and time based image set overview that can be used to edit or add a new image set.

  

Saving Hanging Protocol Step 5

• Add the new image set based on an attribute.

  

Saving Hanging Protocol Step 6

• Add the new time based image set by supplying an applicable time.

  

Saving Hanging Protocol Step 7

• Select the display to apply the setting.

  

Saving Hanging Protocol Step 8

• Add the filer operation. Select Ok and Save to create the Hanging Protocol.

  

Saving Hanging Protocol Step 9

• Right-click on the Study to load the study while using the Hanging Protocol.

  

5.4 Save Study Structured Display

5.5 Delete Study Structured Display

5.6 Change Series Layout

Steps to Change a Series Layout

1. Click the Change a Series Layout button
2. Next, change the Rows or Columns to the desired number
3. Click OK to apply the changes.

---

Change Series Layout Options

5.7 Change Study Layout

Steps to use the Change Study Layout

To use this tool, click on the Change Study Layout button and a Change Study Layout screen will appear. This window provides the ability to change the Rows and Columns. The Templates section provide preconceived views that the study layout can be changed to. A custom template can also be created through the use of the Template Editor .

5.8 Delete Cell

6. Window Viewing Tools

The Window Viewing Tools are used to change how the image is viewed from within the viewer. They allow images to fit the window viewer and provide the ability to compare the images.

6.1 Fit

Steps to use the Fit Tool

1. Select the image that needs to be manipulated.
2. Next, click the Fit button.

---

Original Image

Fit Image

6.2 One to One

The One to One tool is used to perform a pixel to pixel display where one pixel of an image is represented by one pixel on the screen. The image will be displayed at the same resolution as the screen, providing the clearest quality.

To use this tool, select the One to One button while the image is displayed on the screen.

---

Steps to use the One to One Tool

1. Select the image that needs to be manipulated.
2. Click the One to One Tool.

6.3 True Size Display

The True Size Display tool is used to display the image in a matching physical size of anatomy. This is calculated based on pixel X and Y resolution in the DICOM dataset. To use this tool, select the image in need of manipulation and then click the True Size Display button. To revert the image back to its original form, click the reload button, or select another render option.

---

Steps to use the True Size Display button

1. Select the image that needs to be manipulated.
2. Click the True Size Display Tool

---

---

6.4 Sort Series

6.5 Enlarge a Photo

By double clicking the image, it will fill the entire viewing window with the image. This is also known as performing an Explode and Implode of the image.

Steps to Selecting and Enlarging an image

1. Click image once to select the image.
2. Then double click to toggle between seeing the full series and a single image from the series.

---

---

---

7. Saving Images

The saving image section shows how to save images within the viewer.

7.1 Print To PDF

7.2 Save as Derived

Steps to Save an Image as Derived

1. Click the Save as Derived button.
2. Change the Series Number, Description, and Protocol Name.
3. Click OK to apply the changes.

---

8. Syncing Image Tools

The Syncing Image Tools are used to connect images within a series together. When one image is manipulated (e.g., applying Zoom in or out), the changes will be reflected in all of the images.

8.1 Link Images

The Link Images tool used to link all the images within a stack/series to change when one image is manipulated. When the Link Images tool is not selected then only the image selected will be manipulated.

---

Steps to use the Link Images Tool

1. Choose a series that has multiple images within in the viewer.
2. Click the Link Images button.
3. Make manipulations to the one image and all images will be manipulated in the same way.

8.2 Link Cells

The Link Cells tool is used to link multiple series from different studies so that they can be manipulated together (e.g., synchronized scrolling).

To use this tool, two side-by-side series must be displayed in the viewer. Then select the red box in the lower right-hand corner. Once they are selected, click the Link Cells button. This will allow the cells to be linked to each other.

Link Cells: Side-by-Side Series

---

---

8.3 Toggle Study Time Line

Steps to use the Toggle Study Time Line

1. Choose a series that has multiple images within in the viewer.
2. Click the Link Images button.
3. Make manipulations to the one image and all images will be manipulated in the same way.

8.4 Synchronize Series

The Synchronize Series tool is used to make all images in different series that have the same stack orientation to have the ability to be scrolled in sync. If the series are linked or they are in the same frame of reference, this will synchronize the operations. This can be a precursor to using other tools such as Scroll Row , Scroll Page , and Brightness/Contrast Color . To use this tool, there will need to be two or more series present in the viewer. First, select the right box in the bottom right hand corner. Then click the Synchronize Series button. This will sync the two series.

---

Steps to use the Synchronize Series

1. Choose a series that has multiple images within the viewer.
2. Click the Link Images button.
3. Make manipulations to the one image and all images will be manipulated in the same way.

8.5 Stack

Steps to use the Stack button

1. Select the Stack button
2. Next, click and hold the left mouse button and move the mouse up or down to go through the slices of an image.

8.6 Scroll Frame

8.7 Scroll Row

8.8 Scroll Column

The Scroll Column tool is used to scroll a column at a time when viewing a stacked series in grid view.

To use this tool, the images need to be in a multi-imaged instance series or a multi-frame instance series that is displayed in a tiled layout. Then select the Scroll Column button. This allows the scroll wheel to scroll by the column. So, each image in the column in chronological order will scroll up or down. For example, if the tile layout is set up to be 5 frames/images in the column, then, the images will scroll up and down in columns of 5s.

---

8.9 Scroll Page

8.10 Toggle Cine

8.11 Cine Player

The Cine Player tool is used to change the settings that are associated with the Toggle Cine tool.

To use this tool, click the Cine Player button. A small window will pop up with Cine Player at the top. Within this window, click the First, Previous, Stop, Play, Next, and Last buttons to navigate through the stack. There are five other settings that can be changed. To turn the Loop function on and off, click the box next to the word Loop. The Loop function will put the animation of the stack into a continuous loop. The Direction settings allow the animation to know which direction through the stacked images the animation will go. The options are Forward (first to last), Backward (last to first), Shuffle (random order), and Sweep (first to last and back to first). The next setting is FPS (Frames per Second). This setting can be manipulated to provide how many images the user sees per second. Ultimately the speed in which the animation goes through the images is controlled here. The Max Skip Frames setting will skip over the specified number of frames during the shuffle in the direction setting. The Frame setting will simply state what image within the stack is being viewed currently. The frame number will be within the range of the stacked images.

---

---

Cine Player: Settings

9. Manipulation and Analysis Tools

The Manipulation and Analysis Tools are used to alter the image or obtain analytical information.

9.1 Analysis Tools

9.1.1 Line Profile

The Line Profile tool used to see the intensity value underneath a line that is drawn on the image. The intensity value is displayed in graph form. To use this tool, select an image. Then click the Line Profile button and the Line Profile will be displayed. The option to choose a Gray or Color scale in which to measure will be presented. The Color scale will measure in a default function of Red, Green, or Blue. Then click and hold anywhere on the image and draw a line. While drawing the line, the graph will show the intensity values as the line is drawn longer. Once the desired length of the line is drawn let go of the mouse and manipulate the red circle underneath the graph to see the part of the line desired.

Steps to use the Line Profile Tool

1. Click the Line Profile button.
2. Then, Click and draw a line across the desired section of the image.
3. Drag the mouse cursor underneath the graph to get a value at a specific location along the line path.

---

9.1.2 Probe Tool

Steps to use the Probe Tool

1. Click the Probe Tool button.
2. Click and hold the mouse.
3. Drag the cursor over the image to see the x,y coordinates and density on the image.

9.2 Manipulation Tools

9.2.1 Stretch Histogram Color

The Stretch Histogram Color tool used to improve the contrast within the image. To use this tool, select the Stretch Histogram Color button or the drop-down button consisting of the Brightness/Contrast Color / HSL (Hue, Saturation, Lightness) Color / Invert button and select the Stretch Histogram color button. Click repeatedly on the Stretch Histogram function button to contrast the image more.

Note

Stretch Histogram Color tool can only be activated when the image is in color.

---

Steps to use to the Stretch Histogram Color Tool

Click the Stretch Histogram Color button repeatedly until the desired effect is established.

Or

1. Click the Stretch Histogram Color button.
2. Click and drag the cursor to the left to apply the contrast.

---

9.2.2 Brightness/Contrast Color

Steps to use the Brightness/Contrast Color Tool

1. Click on the Brightness/Contrast Color button.
2. Slide the Brightness/Contrast buttons to adjust the brightness and contrast.
3. Click OK to apply changes.

---

---

9.2.3 HSL (Hue, Saturation, Lightness) Color

Steps to use the HSL Tool

1. Click the HSL button.
2. Manipulate the Hue, Saturation, and Lightness of the image.
3. Click OK to apply changes.

---

---

9.2.4 Window Level

Steps to Change a Series Layout

1. Click Window Level button
2. Click and drag the cursor left/right or up/down to manipulate the contrast/brightness respectively.

9.2.5 Custom Window Level

Steps to use the Custom Window Level Tool on an X-Ray

1. Click the Custom Window Level button.
2. Adjust the Width (contrast) and Contrast (brightness).
3. Click Apply.
4. Click OK.

Steps to use the Custom Window Level Tool on 3D Image

1. Click the Custom Window Level button.
2. Chose a custom window level template.
3. Click Apply.
4. Click OK.

---

---

9.2.6 Invert

Steps to use the Invert Tool

Click the Invert button to toggle invert button on/off

---

---

9.2.7 Rotate Clockwise

Steps to use the Rotate Clockwise tool

Click the Rotate Clockwise image repeatedly to rotate the image in a 90 degrees clockwise motion.

---

---

9.2.8 Rotate Counterclockwise

Steps to use the Counterclockwise Tool

Click the Rotate Counterclockwise image repeatedly to rotate the image in a 90 degrees counterclockwise motion.

---

---

9.2.9 Flip

Steps to use the Flip Tool

Click the Flip button repeatedly to toggle the image between the original image and the flipped image.

---

---

9.2.10 Reverse

Steps to use the Reverse Tool

Click the Reverse button repeatedly to toggle the image between the original image and the reversed image.

---

---

9.2.11 Align Center

Steps to use the Align Center Tool

Click the Align Center button.

---

---

9.2.12 Align Left

Steps to use the Align Left Tool

Click the Align Left button.

---

---

9.2.13 Align Right

Steps to use the Align Right Tool

Click the Align Right button.

---

---

9.2.14 Align Top

Steps to use the Align Top Tool

Click the Align Top button.

---

---

9.2.15 Align Bottom

Steps to use the Align Bottom Tool

Click the Align Bottom button.

---

---

9.2.16 Align Middle

Steps to use the Align Middle Tool

Click Align Middle button.

---

---

10. Adjusting Image Viewing Tools

The Adjusting Image Viewing Tools are used to hone in on specific parts of the image and create different views of the image to allow for a better understanding of what is being observed.

10.1 Pan

Steps to use the Pan Tool

1. Click the Pan button.
2. Click and hold the image.
3. Move the image to the desired area of the viewer.

10.2 Zoom

Steps to use the Zoom Tool

1. Click the Zoom button.
2. Click and hold, then move the mouse forward/backwards to adjust the zoom level.

10.3 Toggle Full Screen

The Toggle Full Screen tool used to make the image into a full screen image. To use this tool, click the Toggle Full Screen button to switch between full screen and regular screen.

---

Steps to use the Toggle Full Screen Tool

1. Click the Toggle Full Screen
2. Click Esc to go back to the original image.

10.4 Reload

Steps to use the Reload Tool

Click the Reload button to revert to the original image.

10.5 Shutter

Steps to use the Shutter Object Tool

1. Click the Rectangle or Ellipse Tool.
2. Draw the rectangle/oval around the desired section.
3. Click the Shutter Object button.

---

---

---

10.6 Edge Enhancement

Steps to use the Edge Enhancement Tool

1. Click the Edge Enhancement button.
2. Click the degree of sharpness to apply.

10.7 Toggle Endodontic

The Toggle Endodontic tool is used to view the dental pulp in a clearer view. To use this tool, select the Toggle Endodontic button. Click on the Toggle Endodontic button to turn the filter on or off.

---

Steps to use the Toggle Endodontic Tool

Click the Toggle Endodontic Tool button to toggle the Endodontic function on/off.

---

---

10.8 Toggle Periodontal

The Toggle Periodontal tool is used to view the gums in a clearer view. To use this tool, select the Toggle Periodontal button. Click on the Toggle Periodontal button to turn the filter on or off.

---

Steps to use the Toggle Periodontal Tool

Click the Toggle Periodontal Tool button to toggle the Periodontal function on/off.

---

---

10.9 Toggle Dentin

The Toggle Dentin tool used to view the hard-boney tissue that is beneath the enamel. To use this tool, select the Toggle Dentin button. Click on the Toggle Dentin button to turn the filter on or off.

---

Steps to use the Toggle Dentin Tool

Click the Toggle Dentin Tool button to toggle the Dentin function on/off.

---

---

10.10 Spyglass

Steps to use the Spyglass Tool

1. Click the Spyglass button.
2. Click and hold to see a magnified view of the image.
3. Use the scroll wheel to adjust the size of the magnified view.

---

10.11 Spyglass Invert

The Spyglass Invert tool used to look at the image through the invert function but in a more focused view than the whole image. The image is also magnified so a close up of that particular part of the image can be viewed. To use this tool, click the Spyglass Invert button. Then, click and hold to move the spyglass tool around to view the image through the spyglass. It will provide positioning by x and y beneath the magnifying glass. Also, there is the amount of magnification that is being provided, placed next to the x and y position numbers. Finally, the size of the magnifying glass can be increased or decreased by the scroll wheel.

---

Steps to use the Spyglass Invert Tool

1. Click the Spyglass Invert button.
2. Click and hold to see a magnified view of the image.
3. Use the scroll wheel to adjust the size of the magnified view.

---

10.12 Spyglass Clahe

Steps to use the Spyglass Clahe

1. Click the Spyglass Clahe button.
2. Click and hold to see a magnified view of the image.
3. Use the scroll wheel to adjust the size of the magnified view.

---

10.13 Spyglass Reveler

The Spyglass Reveler tool used to view the magnified image through a specialized image processing filter. This specialized image processing filter shows more detailed information underneath a magnified view. To use the tool, click on the Spyglass Reveler and move the cursor around. Click and hold to move the spyglass tool around when viewing the image through the spyglass. It will provide a positioning by x and y beneath the magnifying glass. Also, there is the amount of magnification that is being provided, placed next to the x and y position number. Finally, the size of the magnifying glass can be increased or decreased by the scroll wheel.

---

Steps to use the Spyglass Reveler

1. Click the Spyglass Invert button.
2. Click and hold to see a magnified view of the image.
3. Use the scroll wheel to adjust the size of the magnified view.

---

11. Annotation Images and Measuring Tools

Annotation Images and Measuring Tools tools can be found on the Viewer Tab by selecting the Annotations button. These tools can be used to measure or highlight areas on an image. All effects that are placed on the image using these tools can be done without losing the original image.

11.1 Annotation Tools

11.1.1 Select

Steps to use the Select Tool

Click on the Select button.

11.1.2 Arrow

Steps to use the Arrow Tool

1. Click the Arrow button.
2. Click and drag the cursor to make any size arrow.
3. Adjust the size of the arrow by the boxes on either side of the arrow.
4. Adjust the direction of the arrow by the manipulating the two green dots.
5. Click on the arrow to reset it on the image.

---

11.1.3 Point

Steps to use the Point Tool

1. Click the Point
2. Click the spot where to place the Point tool.
3. Click off the Point to set the point on the image.
4. Click on the Point tool to reset the point.

---

11.1.4 Rectangle

Steps to use to the Rectangle Tool

1. Click the Rectangle button.
2. Click and drag the cursor to create a rectangle.
3. Manipulate the size by clicking and dragging the small boxes.
4. Click on the Point tool to reset the point.

---

11.1.5 Ellipse

Steps to use to the Ellipse Tool

1. Click the Ellipse button.
2. Click and drag the cursor to create a Oval.
3. Manipulate the size by clicking and dragging the small boxes.
4. Click on the Point tool to reset the point.

---

11.1.6 Curve

Steps to use the Curve Tool

1. Click the Curve button.
2. Click and drag the cursor to create a line.
3. Click on another part of the image to create the curve.
4. Next, click on another part of the image to continue making a curved line or double click to set the line.
5. Manipulate the curve by moving the boxes or manipulate the two green circles.
6. Click on the curve to reset it on the image.

---

11.1.7 Line

Steps to use the Line Tool

1. Click the Line button.
2. Click and drag the cursor to create the size line desired.
3. Click on the small boxes or two green circles to manipulate the line.
4. Click off the image to set the line.

---

11.1.8 Free Hand

Steps to use the Free Hand Tool

1. Click the Free Hand button.
2. Click and draw a line.
3. Click on the small boxes or two green circles to manipulate the line.
4. Click off the image to set the line.

---

11.1.9 Polyline

Steps to use the Polyline Tool

1. Click the Polyline button.
2. Click and drag to create a line.
3. Click repeatably to create more lines to draw a polygon.
4. Double click to set the polyline.
5. Click on the polyline.
6. Click on the small boxes or two green circles to manipulate the line.

---

11.1.10 Polygon

Steps to use the Polygon Tool

1. Click the Polygon button
2. Click and drag to create a line.
3. Click repeatedly to create a polygon.
4. Double click to close the polygon.
5. Click on the polygon.
6. Click on the small boxes or two green circles to manipulate the line.

---

11.1.11 Text

Steps to use the Text Tool

1. Click the Text button.
2. Click and drag to create a Text box.
3. To manipulate the size and the rotation of the Text box click the small boxes and the green circles.
4. Double click the Text box to have the ability to write in the text box.
5. Click on the image to set the Text box.
6. To reset the Text box click on the Text box.

---

11.1.12 Note

Steps to use the Note Tool

1. Click the Note button.
2. Click and drag to create a Text box.
3. To manipulate the size and the rotation of the Text box click the small boxes and the green circles.
4. Double click the Text box to have the ability to write in the text box.
5. Click on the image to set the Text box.
6. To reset the Text box click on the Text box.

---

11.1.13 Highlight

Steps to use the Highlight Tool

1. Click the Highlight button.
2. Click and drag to highlight the area desired.
3. To manipulate the size and the rotation of the Text box click the small boxes and the green circles.
4. Click on the image to set the Highlight tool.
5. Click on the Highlighted area to reset the tool.

---

11.1.14 Text Pointer

Steps to use the Text Pointer Tool

1. Click the Text Pointer button.
2. Click and drag to create a Text box.
3. Click on a point to drag the pointer to.
4. To manipulate the size and the rotation of the Text box click the small boxes and the green circles.
5. Click on the image to set the Text Pointer Tool.
6. Click on the Text Pointer Tool to reset the Text box and Pointer.

---

11.2 Measurement Tools

11.2.1 Ruler

Steps to use the Ruler Tool

1. Click the Ruler Tool.
2. Click and drag the Ruler to the length desired.
3. To manipulate the size and the rotation of the Text box click the small boxes and the green circles.
4. Click on the image to set the Ruler Tool.
5. Click on Ruler to reset it.

---

11.2.2 Poly Ruler

Steps to use the Poly Ruler Tool

1. Click the Poly Ruler Tool.
2. Click and drag the Poly Ruler to the length desired.
3. Click continuously to change the direction of the Poly Ruler.
4. To manipulate the size and the rotation of the Text box click the small boxes and the green circles.
5. Double-click on the image to set the Poly Ruler Tool.
6. Click on Poly Ruler to reset it.

---

11.2.3 Protractor

Steps to use the Protractor Tool

1. Click the Protractor button.
2. Click and drag the line.
3. Click and drag the other line to create the angle.
4. To manipulate the size and the rotation of the Text box click the small boxes and the green circles.
5. Double-click on the image to set the Protractor Tool.
6. Click on the Protractor to reset it.

---

11.2.4 Calibrate Ruler

Steps to Calibrate Ruler

To use this tool, select the Ruler tool button and measure the object with the known measurement. Then click the drop-down menu next to the Ruler button and click the Calibrate Ruler button. The length of the known object and the unit of measure that the object is in can then be inputted. There is also a small button on the screen that says Apply to all Images. The Apply to all Images box will need to be selected before clicking OK, in order for the Ruler and Poly Ruler to measure in the calibrated measurement for all measurements on the image.

1. Select one of the Rulers/Poly Rulers on the image.
2. Click the Calibrate Ruler button.
3. Change the Length, the Ruler Unit, and check/uncheck the Apply to all images.
4. Click OK.

---

11.3 Annotation Management Tools

11.3.1 Show/Hide Annotations

Steps to use the Show/Hide Annotations

To toggle the annotations click the Show/Hide Annotations button.

11.3.2 Delete Annotations

Steps to use the Delete Annotations

1. Click on the annotation that is desired to be removed.
2. Click the Delete Annotations.

11.3.3 Clear Annotations

Steps to use the Clear Annotations Tool

Click the Clear Annotations button.

11.3.4 Clear All Annotations

Steps to use the Clear All Annotations Tool

Click the Clear All Annotations button.

11.3.5 Save Annotations

Steps to use the Save Annotations Tool

1. Click the Save Annotations button.
2. Write in the Description for the annotations.
3. Click OK.
4. Click OK on the to save the annotations.

---

11.3.6 Load Annotations

Steps to use the Load Annotations Tool

1. Click the Load Annotations button.
2. Click the desired annotation.
3. Click OK to load the desired annotation.

OR

Click Cancel to exit the Load Annotations menu.

OR

1. Select an annotation.
2. Click the Delete button to delete the annotation from the Load Annotations menu.
3. Click the OK/Cancel button.

12. 3D Imaging Tools

The 3D Imaging Tools can be found on the top of the Viewer Tab by selecting the 3D Imaging Tools. These tools can be used to increase the diagnostic quality of the image. All effects that are placed on the image using these tools can be done without losing the original image.

12.1 3D Tools

12.1.1 Cross Hair

Steps to use the Cross Hair Tool

1. Click the Cross Hair button.
2. Then, click the screen within the viewer.

---

12.1.2 Show Reference Line

The Show Reference Line Tool shows the intersection of the selected image with in an orthogonal/oblique stack (3D image). A line will appear in the adjoining views where the intersection is taking place as well as a number that corresponds to the image that is being intersected.

To use this tool, select an image. Then click the Show Reference Line button. An intersecting line will populate in the other two views, as well as a number that corresponds to the image slice.

---

Steps to use the Show Reference Line Tool

1. Click one of the windows within the 3D image set.
2. Next, click the Show Reference Line button to toggle the reference line on/off.
3. Click on different windows to see the reference line intersect in the other windows.

---

12.1.3 Show First and Last Reference Line

The Show First and Last Reference Line tool shows where the first and last image in the Image set are located. This tool helps give orientation to the 3D image.

To use this tool, select the original image in the Axial View. Then click the Show First and Last Reference Line button. This should allow two horizontal blue reference lines with numbers associated to the first and last image in the set, appear at the top and bottom of the Coronal and Sagittal view. Also, when the Show First and Last Reference Line button is applied, and the Sagittal View is selected, two vertical blue reference lines will appear in the Coronal and Axial view. Select the Coronal window with the Show First and Last Reference Image button and a single vertical blue line will appear in the Sagittal view.

Steps to use the Show First and Last Reference Line

Click the Show First and Last Reference Line to toggle between on/off.

12.1.4 3D Cursor

Steps to use the 3D Cursor

1. Click the 3D Cursor button.
2. Click and hold over the image to use the 3D Cursor.

---

12.2 3D Rendering Tools

12.2.1 VRT

Steps to use the VRT Tool

Click the VRT button.

12.2.2 MIP

Steps to use the MIP Tool

Click the MIP button.

12.2.3 MPR (3D)

Steps to use the MPR Tool

To use the MPR tool, select the 3D image set and then click the MPR button or the drop-down menu next to the VRT , MIP , and then click MPR button. This should provide a window with the 3D image set in a red box and the planes of the MPR are shown on the 3D rendered image.

Click the MPR button.

12.3 3D Settings

Steps to use the 3D Settings

The functions that can be manipulated within the General section is Show Volume Border, Show Rotation Cube, Projection Method (Perspective, Orthogonal), Resize Factor (Full, Half, Quarter). Toggling the Show Volume Border on/off will remove/add the red 3D box around the 3D Image. Toggling the Show Rotation Cube on/off will remove/add the small cube in the bottom right hand corner of the 3D rendered objects window. The Projection Method can be changed between Perspective mode, (description perspective), and Orthogonal mode, (descriptions of Orthogonal mode). The Resize Factor function allows the 3D rendered object to change the size. The MPR/Volume Function can be altered depending on which type of filter the 3D Object is being rendered. The MPR section can be changed when the MPR filter is activated. The MPR section allows the Show Cross Lines to be toggled on/off. The Volume section can be changed when the VRT , MIP , or MPR (3D) filter is activated. With in the Volume section, the Low Res Quality can be changed. Also the Show Clipping Frame can be toggled on and off.

1. Click 3D object window.
2. Select the 3D Settings button.
3. Change the 3D Settings within the menu.
4. Select the OK button to apply the changes.
5. Select Cancel if no changes are to be made.

---

12.4 Dental Panoramic

Steps to use the Panoramic

1. Select the Dental Panoramic button.
2. Left-click onto the image to apply points.
3. Hold left-click and then right-click to view the slice.

---

12.5 3D Orientation Tools

12.5.1 Rotate 3D Object

Steps to use the Rotate 3D Object

1. Select the 3D object window.
2. Click the Rotate 3D Object button.
3. Use the cursor to rotate the 3D object within the objects window.

12.5.2 Head Orientation

The Head Orientation tool used to turn the 3D rendered image to be viewed anatomically from the head looking down to the feet.

To use this tool, select the 3D Rendered Image and then click on the H button or the drop-down menu next to 3D Settings , Cross Hair , F, L, R, A, P and then click the H button.

---

Steps to use the Head Orientation Tool

1. Select the 3D object window.
2. Click the Head Orientation button.

12.5.3 Feet Orientation

The Feet Orientation tool used to turn the 3D rendered image to be viewed anatomically from the feet looking up the head.

To use this tool, select the 3D Rendered Image and then click on the F button or the drop-down menu next to 3D Settings , Cross Hair , H, L, R, A, P and then click the F button.

---

Steps to use the Feet Orientation Tool

1. Select the 3D object window.
2. Click the Feet Orientation button.

12.5.4 Left Orientation

The Left Orientation tool used to turn the 3D rendered image to be viewed anatomically from the left side looking right.

To use this tool, select the 3D Rendered Image and then click on the L button or the drop-down menu next to 3D Settings , Cross Hair , H, F, R, A, P and then click the L button.

---

Steps to use the Head Orientation Tool

1. Select the 3D object window.
2. Click the Head Orientation button.

12.5.5 Right Orientation

The Right Orientation tool used to turn the 3D rendered image to be viewed anatomically from the right side looking left.

To use this tool, select the 3D Rendered Image and then click on the R button or the drop-down menu next to 3D Settings , Cross Hair , H, F, L, A, P and then click the R button.

---

Steps to use the Right Orientation Tool

1. Select the 3D object window.
2. Click the Right Orientation button.

12.5.6 Anterior Orientation

The Anterior Orientation tool used to turn the 3D rendered image to be viewed anatomically from the anterior to posterior side of the object.

To use this tool, select the 3D Rendered Image and then click on the A button or the drop-down menu next to 3D Settings , Cross Hair , H, F, L, R, P and then click the A button.

---

Steps to use the Anterior Orientation Tool

1. Select the 3D object window.
2. Click the Anterior Orientation button.

12.5.7 Posterior Orientation

The Posterior Orientation tool used to turn the 3D rendered image to be viewed anatomically from the posterior to the anterior side of the object.

To use this tool, select the 3D Rendered Image and then click on the P button or the drop-down menu next to 3D Settings , Cross Hair , H, F, L, R, A and then click the P button.

---

Steps to use the Posterior Orientation Tool

1. Select the 3D object window.
2. Click the Posterior Orientation button.

13. DICOM Imaging Buttons

The DICOM Imaging buttons are used to see the DICOM information for each image.

13.1 Toggle Tags

Steps to use the Toggle Tags Tool

Click the Toggle Tags button to turn on and off the DICOM tags.

13.2 Show DICOM

Steps use the Show DICOM button

1. Select an image within the series.
2. Click the Show DICOM button.

---

14. Capture

14.1 Capture

The Capture tool used to take a picture of the image being viewed and saving the image as a JPG file format.
To use this tool, click the Capture button. Once captured, the option to open, save, or cancel will be available.

Steps to use Capture

1. Select an image within the series.
2. Click Capture button.
3. The image will be sent to the native image viewer.
4. Save the image.

15. Audio Tools

15.1 Waveform Basic Audio

16. Exporting Images Tool

The Exporting Images Tool is used to export or print the series images from the web viewer to the local file folder.

16.1 Export

The Export tool is used to export/print the series.

To use the tool, click the Export button and a menu will appear on the screen. There are options to change the Selection of which image(s) are being exported, the Format in which file will be exported in, create a Password for the file, and the Compression size. When the selection of different options, the Export settings allows manipulation of the file(s) even further. This can be done by selecting the Create DICOMDIR, preserve bit depth of original, reduce grayscale to 8 BPP, Burn Saved Annotations, Anonymize, Include Viewer, White background, and Print patient information. Once the export settings are configured click OK and it should export to your local file folder.

---

Steps to use the Export Tool

1. Select the image within series.
2. Choose the options with in the Export menu.
3. Click OK to apply the Export.
4. Click Cancel to exit the Export menu.

---

17. Configuration Settings

17.1 Change Password

The Change Password button can be used to change the password for a user.

To use the tool, click the Change Password button and a menu will appear on the screen. To change the password, input the original password credentials and a new password into the box.

---

Steps to change a Password

1. Select the Change Password button.
2. Input the original password in the Current Password Box.
3. Input the new password in the Password and Confirm Password box.
4. Select the Change Password Button.

17.2 Permissions Management

Steps to Create a new User and Role

To use this tool, click the Permissions Management button. The User Management section will provide the ability to create and update the roles authorized to a user. To create a new user, select the Create New User button and input the new User Name and Password Credentials. Selecting the Update User button will allow the administrator to change a created users password and change the permissions allowed for a user. To update a user, select a user from the drop box. Then, input a new password or enable a permission to provide new authorization via the selectable boxes.

The Roles Management section will allow an administrator to create a Role which can be used to categorize a new user. Each role can be customized to provide access or limit features when using the HTML5 Medical Viewer. To create a new role, select the Create New Role button and name a new role. After selecting the CREATE button to create the role, selecting the Update Role button will provide the ability to assign permissions via the selected role.

1. Select the Permissions Mangement button.
2. Select the Create New User button and input user credentials.
3. Select the Create New Role button and name a new role.
4. Select the Update Role button to enable the Permissions for the created role.
5. Select the Update User button to select the user and assign the configured role.

17.3 Role Patient

The Role Patient button allows an administrator to control the patients that are visible to a user based on the categorized role.

To use this tool, select the Role Patient button and select a role to manipulate from the drop down box. If a role is not seen, a role can be created through Permissions Management . With a Role selected, select a check mark next to the ID table to enable or disable a patient. The items listed can be filtered by specifying an ID or name, or clicking a column to apply an assortment of order.

---

Steps to assign Role Patient Rights

1. Select the Role Patient button.
2. Select a Role from the drop down box.
3. Enable or Disable Patients by clicking on the check marks.
4. Select the Apply Permissions to save the changes.

17.4 User Patient

The User Patient button allows an administrator to control the patients that are visible to a direct user.

To use this tool, select the User Patient button and select a user to manipulate from the drop down box. If a user is authorized by an already existing role, the entry will appear italicized and cannot be modified through the window. With a User selected, select a check mark next to the ID table to enable or disable a patient. The items listed can be filtered by specifying an ID or name, or clicking a column to apply an assortment of order.

---

Steps to assign User Patient Rights

1. Select the User Patient button.
2. Select a Role from the drop down box.
3. Enable or Disable Patients by clicking on the check marks.
4. Select the Apply Permissions to save the changes.

17.5 Config Global Options

The Config Global Options button provides the ability to change the default behavior of the HTML5 Medical Viewer.

To use this tool, select the Config Global Options button and a window will appear where the default options used by the viewer cam be changed.

Default Series Row Count

The initial number of rows that will be used to display a series. This is only valid when the Viewer Mode is set to Study View, and the Single Series mode is set to false.

---

Default Series Column Count

The initial number of columns that will be used to display a series. This is only valid when the Viewer Mode is set to Study View, and the Single Series mode is set to false.

---

Viewer Mode

Single Patient Mode

Enable or disable the ability to view multiple patients with each patient displayed on a separate tab.

---

Single Series Mode

Enable or disable displaying multiple series at the same time. This is only valid when selecting “Study View” for Viewer Mode .

---

Show Frame Border

Show a border around the series image that will be highlighted when selected.

---

Enable Patient Restriction

This is reserved for future use.

---

Show Search Thumbnails

When selecting a patient/study the series view is populated. A thumbnail will be displayed next to each series that can be enabled or disabled.

---

Series Thumbnail Width

The width of the series thumbnail.

---

Series Thumbnail Height

The height of the series thumbnail.

---

Empty Cell Background Color

The empty area color that will be used to display the series. This can be seen if “Study Mode” is enabled to display multiple series. With the default rows and columns count to 2x2, a series will be displayed with 3 empty areas. These areas will have this background color.

---

Selected Border Color

The border color that is used when a series is selected.

---

Background Color

The background color of the series.

---

Enable Patient Id Auto Complete

Enable the autocomplete when on the search page and the patient ID text box is clicked on.

---

Enable Patient name Auto Complete

Enable the autocomplete when on the search page and the patient name text box is clicked on.

---

Derived 3D Series Description Text

The default text that will be displayed when the 3D volume is saved as derived. This is done by creating a 3D volume, then selecting the 3D volume cell, then clicking on Save as Derived .

---

Derived Series Description Text

The default text that will be displayed when you save a series as derived. This is done by selecting the series, then clicking on Save as Derived .

---

Derived Panoramic Series DescriptIon Text

The default text that will be displayed when a panoramic cell is saved as derived. This is done by creating a panoramic cell, then selecting the panoramic cell, then clicking on Save as Derived .

---

Enable Series Number Edit

Allow the user to set the series number when using the Save as Derived button.

---

Enable Protocol Name Edit

Allow the user to set the protocol name when using the Save as Derived button.

---

Enable Audit Log

Enable or Disable the ability to log every database request sent to the server.

---

Log User Activity

Enable or disable logging user activities from the list below:

1. Medical web viewer launched
2. Medical web viewer Exited
3. Medical web viewer logged out
4. Opening a patient
5. Showing a series

Logging user activities are only valid when the "Enable Audit log" is set to true.

---

Log User Security

This is reserved for future use.

---

Log Setting Changes

This is reserved for future use.

---

Log Security Setting Changes

This is reserved for future use.

---

Annotation Stroke Color

The color of the annotation drawn on the series. Drawing an annotation can be done by clicking on any annotation toolbar button then clicking and dragging to create an annotation object.

---

Annotation Text Color

The color of the annotation Text drawn on the series. Drawing an annotation can be done by clicking on a text annotation toolbar button, then clicking and dragging to create an annotation object.

---

Annotation Hilite Color

The color of the Highlight annotation drawn on the series. Drawing annotation can be done by clicking on the highlight annotation toolbar button, then clicking and dragging to create an annotation object.

---

Enable Idle Timeout

The timeout that will happen when the viewer is not interacted with (which can be set by Idle timeout). This will send the viewer back to the login screen.

---

Idle Timeout

The timeout (in seconds) that will happen when the viewer is not interacted with. This will send the viewer back to the login screen. This is only valid when “Enable idle timeout” is set to true.

---

Idle Warning Duration

A warning that will happen when the idle timeout lapses. A small window will appear which contains the number of seconds left until the medical web viewer goes back to the login screen.

---

Max Study Results

The maximum number of study results that will be displayed on a search.

---

Max Series Results

The maximum number of series results that will be displayed when you search.

---

Search Other Patient Ids

When Search Other Patient Ids is true, and a value is entered in the Patient's ID of the search screen:

---

Patient Ids

All patients will be returned with that match the value entered in the search field in either of these DICOM elements:

---

(0010,0020) Patient ID DICOM Element

OR

(0010,1000) Other Patient IDs DICOM Element

When Search Other Patient Ids is false, the only patient records returned are those that match:

(0010,0020) Patient ID DICOM Element

Search Structured Display

When a search is done for a patient/study that has a structured display, it will be displayed as an item in the series list.

---

Template Background Color

The template background color seen when opened through the Template Editor .

---

Template Fore Color

The template foreground color seen when opened through the Template Editor .

---

Template Border Color

The template border color seen when opened through the Template Editor .

---

Template Border Size

The template border size seen when opened through the Template Editor .

---

Template Bounds Notification

If a template is open (an editable one, which is the one on the left side list without the lock), the boxes can be moved around. If it is moved outside of the viewer bounds, an animated ant border will be displayed. This behavior can be disabled or enabled with this option.

---

Default Script

Allows display of a default script on each template cell.

---

Lazy Loading Threshold

The threshold for lazy loading. Lazy loading is useful when loading a series that contains a huge amount of frames. If the series is loaded, not all all of the frames will be loaded. Lazy Loading works by only loading the visible frames, and when scrolling down or up to view new frames. If the series has frames that is less than this number, all of the frames will be loaded and lazy loading will not be activated.

---

Lazy Loading Mobile Threshold

The threshold for lazy loading for mobile. Lazy loading is useful when loading a series that contains a huge amount of frames. If the series is loaded, not all all of the frames will be loaded. Lazy Loading works by only loading the visible frames, and when scrolling down or up to view new frames. If the series has frames that is less than this number, all of the frames will be loaded and lazy loading will not be activated. Mobile has less memory than a desktop, so usually this threshold is less than a desktop.

---

Lazy Loading Buffer

This is obsolete

---

Date Format

This is how the date is formatted

---

Time Format

This is how the time is formatted

---

Hide Overlays

Show or hide the overlay text that is displayed on top of a cell. This contains information about the series such as patient name.

---

Hide Custom Layouts

Show or Hide the custom layout that will appear when using Change Study Layout or Change Series Layout .

---

Show Study Time Line

A timeline that will appear at the bottom of the viewer that contain all the series.

---

Link Images

This links the frames together. When loading a series with multiple frames and one frame is manipulated ( window level, scale, offset) the others will change as well.

---

Stack Single Frames

If a series contains some frames that have different orientations and positions, the viewer will separate those into multiple series and display them separately. Setting this value to true will prevent that and will display all frames in one series.

---

Background Size

Instead of loading a large image at once, the viewer will display a low resolution image. When the image is zoomed, only the position that is visible will be displayed in high resolution. This is the width and height of the low resolution image.

---

S D Background Size

Instead of loading a large image at once, the viewer will display a low resolution image. When the image is zoomed, only the position that is visible will be displayed in high resolution. This is the width and height of the low resolution image for a structured display.

---

Two Factors Authentication Message

The e-mail body message that will be sent when using a two factor authentication feature.

---

Search Page Size

The number of results that will be displayed when a search is performed. If the results are larger than this number, a paging will happen which separates the results into pages. Page size is set here.

---

Print Size

Print Layout

Enable the ablity to print the layout (like structured display), or just print the selected image.

---

Print Name

The Print To Pdf button output name. This can be tokenized which means that the dicomdataset file name information can be used. Click on the question mark at the right to display these options.

---

Text Background

The Print To Pdf text background color. The text will be displayed at the bottom of the pdf output.

---

Text Color

The Print To Pdf text color. The text will be displayed at the bottom of the PDF output.

---

PDF Background Color

The Print To Pdf background Color.

---

Mpr Render Side

The render side for the MPR (3D) . The MPR can be rendered on the client side which means the client itself will render the MPR, or it can be rendered on the server side.

---

Rendering Method

The rendering method used for 3D rendering. This can be software only, or it can be hardware and software for a fall back option.

---

Enable Okta Sign In

Enable the Okta Sign In which will be displayed at the login screen.

---

Enable Caching

Enable caching which will enable the viewer to load a series or 3D image faster the next time.

---

17.6 Config Global Overlays

Steps to use the Config Global Overlays

To use this tool, select the Config Global Overlays button. A window will appear that can be used to change the behavior on how an overlay is displayed. The created overlays are organized by the position displayed in the drop-down list. Overlays will also be displayed in the section of a window based on the position it is created in.

To Add or Edit an overlay tag, select the button named Add overlay tag and Edit overlay tag. Next, specify an Overlay Type using the drop-down menu. When selecting the Overlay Type User Data, a valid DICOM Tag needs to be provided in accordance to where the value can be found. If User Data is not selected, the Title and Tag fields will be empty. The color of the overlay tag can be changed by clicking within the Color box. A change to the overlay settings can be undone by selecting the Undo Tag changes button. If a tag is no longer needed, it can be deleted by using the Delete selected tag button. Any changes that would like to be maintained will need to be saved by using the Save overlay tags button.

Steps to create a new overlay item

1. Select the Config Global Overlays button.
2. Select the Add overlay tag button.
3. Select an Overlay Type.
4. If User Data is selected, provide a title and a valid DICOM Tag.
5. Select a color by clicking in the Color box.
6. Select Ok and then use the Save overlay tags button to keep any changes.

17.7 Config Global Toolbar

The Config Global Toolbar button in the Configuration Settings allows an administrator to enable or disable features provided by the HTML5 Medical Viewer.

---

Steps to use the Config Global Toolbar button

To use this tool, select the Config Global Toolbar button. A window will appear that can be used to modify the default buttons provided by the HTML5 Medical Viewer. To modify the buttons seen, select a role from the drop down menu. This will ensure that any features modified will be presented for the selected role. To add a new toolbar item, select the Add root toolbar item or Add toolbar item. The Add root toolbar item will create a new button at the end of the list of buttons. The Add toolbar item button will allow the creation of a button in the directory of an already existing button. The Edit toolbar item will provide the ability to overwrite or change an already existing button. The Delete toolbar item provides the ability to delete an existing button. The visibility of a button can be disabled via the checkboxes. To save any changes made to the Global Toolbar, the Save toolbar settings button can be used to confirm any changes.

When creating a new toolbar item, the ID that is provided needs to be a unique ID that does not already exist. Supplying an already existing ID will result in the button being disabled after saving changes.

Steps to create a new toolbar item

1. Select the Config Global Toolbar button.
2. Select Add root toolbar item.
3. Specify the details of the button and apply a unique Id.
4. Select OK to create the item.
5. Using the window, scroll down and click on the checkbox to enable in view.
6. Select Save to add the new button on the toolbar.

17.8 Clear Dicom Cache

The Clear Cache button can be used to manually free images that are cached. Caching saves processing time when viewing DICOM images but can be cleaned up to maintain efficiency.

To use this tool, select the Clear Cache Button to remove the held data.

Steps to clear a Dicom Cache

Select the Clear Cache button to free images.

17.9 Config Remote PACS

The Config Remote PACS button can be used to add a DICOM PACS server used to retrieve images.

To use this tool, select the Config Remote PACS button. A window will appear that can be used to add, edit, delete, and save a PACS configuration. To add a PACS Server, provide a valid Client AE Title and select the Add PACS server button. The Edit Remote PACS Server window will now appear which will require the server AE Title, IP Address, and Port credentials. Providing correct credentials for these fields will provide a connection was successfully verified message.

If an invalid parameter is added in the Remote PACS Server settings window, an "attempt to connect was forcefully rejected" exception will occur. If an invalid Client AE title is provided, a "Calling AE Title not recognized" exception will occur.

---

Steps to add a remote PACS server

1. Select the Config Remote PACS button.
2. Add an existing Client AE Title and select the Add PACS server button.
3. Add a valid server AE Title, IP Address, and port location.
4. Select the Verify button to test the connection.

---

17.9.1 Retrieving and Viewing from a Remote Pacs

1. Select the Query PACS button.

   

2. Select the Remote PACS connection. If a connection does not appear, a valid connection needs to be configured through the Config Remote PACS button.

   

3. Select search. The studies will then populate from the Remote PACS server.

   

4. Select a study. The study will be added as series to the HTML5 Medical Web-Viewer.

   

5. The added series can now be found under the found studies.

   

17.10 Template Editor

Steps to use the Template Editor

To use this tool, select the Template Editor button. The Template Editor window provides preconfigured templates that can be modified, as well as provides the ability to create a new template. To create a new template, select the New button and use the Draw Box button to draw the dimensions for the window. Double clicking the created window will open the Edit Script window. The Properties window to the left of the screen can be used to change the behavior of the window.

The Save button is used to save the changes made to a template. The Rename button is used to rename a template. The Copy button is used to copy a template window to another location on the grid. The Delete button is used to delete a created template. The Grid button provides a grid view that is used to ensure that a window fits expected dimensions. The Configure button can be used to change the size of the grid. The Delete Box button can be used to delete a created window in the template. The Export button can be used to save a template as a JSON file. The Import button will allow you to upload a previous existing template. The Return button can be used to return back to the HTML5 Viewer.

If two or more windows are created in the template, the CTRL key can be used to select more than one window. Selecting these windows will enable the Alignment tools. The Align left button will align the windows on the left side. The Align right button will align the windows on the right side. The Align Center is used to have the windows share the same Y-axis. The Align top button will align the windows on the top side. The Align bottom button will align the windows on the bottom side. The Align middle button will align the windows horizontally. The Same Width button will resize the widths of the windows to be identical. The Same Height button will resize the Heights of the windows to be identical. The Same Size button will resize the width and height of the windows to be identical.

17.10.1 Using a custom template

1. Select Change Study Layout under the Change Series Layout button.

   

2. Select the custom template from the drop down menu

   

3. Select Ok to confirm the changes. The created template will now be applied

   

17.11 Theme

The Theme button provides the ability to change the background and font color of the Medical Web Viewer. This is by default configured to Dark Theme but can be toggled off.

To use this tool, select the Theme button and uncheck the Enable Dark Theme box to toggle the preferred color.

Steps to change a Theme

1. Select the Theme button.
2. Select the Enable Dark Theme box and click Ok.

17.12 Log Out

The Log Out button will sign out the current user.

To use this button, select the Log Out button.

17.13 About

The About button provides the current version of the Medical Web Viewer.

To use this tool, select the About button.

18 Tablet Functions

The HTML5 Web Viewer is able to be accessed from a number of devices as long as there is internet. For diagnostic purposes we suggest using a screen that is 7” in length or greater. For devices that use touch to navigate, all tools should function just as if you are using a mouse and keyboard. There are a couple of functions that will require two fingers. These are stated below.

18.1 Tablet Specific Functions

18.1.1 Zooming

To Zoom in and out take two fingers and move them apart/together to zoom in or out.

18.1.2 Complete a Function

Tools in the annotation/measurement tool bar used in HTML5 Web Viewer can be used and completed with a double left-click. This will hold true for the tablet use as well. Just double tap the screen where to end the function to complete the annotation or measurement.