Drawing, saving & viewing markups/annotations on Viewer

You can draw various markups and annotations as well as create hyperlinks and calibration (measurement) on any page of the document using the tool-bar.

Screenshot displaying the tool-bar:

Each markup menu item on the tool-bar has associated sub-menu item.

Menu & Sub-Menu Icon Description:

Menu Icon Name

Description

Sub-Menu Icon Name

Description

 Open Pointer Menu

This menu lets you select multiple portions in a single screen of a document

 Multi-select

Click to select multiple markups and annotations drawn on the document. After selection you can delete the multiple markups together.

 Open Line Menu

You can add a straight line, do freehand drawing and highlight area by selecting various options through this menu.

 Add a Line

Click to create a straight line on the document

  Draw with a Freehand

Click to draw freehand with a pen

  Draw an arrow

Click to draw an arrow

  Draw rectangular highlight

You can highlight a portion of the document. The shape of the highlighted area will be rectangular

 Open Shape Menu

You can create rectangular, ellipsoidal and cloud formed shapes and change shape attributes through this menu. The purpose is to point out any portions of the document for selection, highlighting etc.

 Add a rectangle

Click to draw a rectangular shape on the document

 Add an ellipse

Click to draw an ellipsoidal shape on the document

 Add a cloud

Click to draw a cloud shape on the document

 Open text menu

You can add freeform texts, texts for notification purpose and callout text through this menu.

 Add text

Click to enter text on any portion of the document within a textbox

 Add a note

Click to enter note on any portion of the document to appear as a pop-up.

 Add a callout

Click to create a call-out

 Open Hyperlink Menu

You can insert a hyperlink through this menu to point to another file or point to a different screen of the same file. The hyperlinked areas can be of varied shapes and sizes.

 Add a link

Add a hyperlink to link to another or other portions of same document. The hyperlinked area shape is cloud.

 Add a link

Add a hyperlink to link to another or other portions of same document. The hyperlinked area shape is ellipse.

 Add a link

Add a hyperlink to link to another or other portions of same document. The hyperlinked area shape is rectangle.

Open Calibration Menu

You can draw a calibration line and based on that line the application will measure the length and area of various shapes and lines called measurement annotation. You need to draw these annotations after drawing the calibration line.

 Rotate document

You can rotate a document by 90 degrees up to 360 degrees using this feature.

Description of markups with screenshot

Multi-selection mark-up

You can use the multi-select markup feature to select multiple markups/annotations drawn on the document and then delete those markups together..

Screenshot below displays multiple markups selected using the multi-selection markup:

A pop-up box asking you to delete the selected markups open up. This is shown below,

Below is given a full description of drawing & saving a particular markup (example of 'Line markup' is taken)

Drawing line markup

A fully drawn line markup is shown in the screenshot below,

Drawing details:

  1. Border Color: Click the Border Color drop-down to change the color of the line markup. The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  2. Border Thickness: Click the Border Thickness drop-down to change the size or thickness of the line. For example, the line thickness can be 1, 2, 4, 6, 8 & 16. The thickness measures are pre-defined in the application.

  3. Delete button: Click on [Delete] button to remove the drawn line.

  4. OK button: Click on [OK] button to keep the drawn line on the document after making changes in color or thickness (is necessary).

Other operations:

Note: The operation of stretching of the end points [small white boxes at the end of markups], changing the mark-up shape direction on a single plane and also moving the markups can be achieved on all different types of markups and annotation.

Saving the line markup

After you draw the line markup, click on the [Save] button [highlighted with red rectangle in screenshot below] at the bottom right-hand corner of the screen to save the markup. The Save markup name as pop-up box appears. This is shown below,

Note: Uncheck the checkbox to make the markup private meaning that it will only be visible to the user who created the markup and not to other users of  the account.

After you save the markup it will appear under the 'Saved markup(s)' drop-down present on the top of the Viewer.

Note: This icon [Toggle markup view ON/OFF] means that the markup shape is visible on the Viewer and this icon means that the markup shape is hidden from view. You can click on the saved annotation row to make the markup shape appear and disappear.

Note: After the markup is saved you cannot change the color, thickness, stretch the lines or move the line or for that matter do anything on the markup except make the markup appear & disappear from the Viewer screen. You can only delete the saved markup from the 'Saved markup(s)' drop-down.

Other markups/annotations are drawn & saved in the Viewer in a similar manner as the 'Line markup'.

Brief description of each of these markups are given below,

Open line menu

This menu provides the user with the option to draw a straight line, do freehand drawing and highlight any intended area.

Note: The 'Line markup' from this menu has already been described.

Freehand markup

A fully drawn freehand markup is shown in the screenshot below,

Drawing details:

  1. Border Color: Click the Border Color drop-down to change the color of the freehand markup. The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  2. Border Thickness: Click the Border Thickness drop-down to change the size or thickness of the freehand line. For example, the line thickness can be 1, 2, 4, 6, 8 & 16. The thickness measures are pre-defined in the application.

  3. Delete button: Click on [Delete] button to remove the drawn freehand line.

  4. OK button: Click on [OK] button to keep the drawn freehand line on the document after making changes in color or thickness (is necessary).

You can only move the freehand markup from its position on the document.

Note: The saving process is not explained separately for this markup as it is similar to that of 'Line markup'.

Arrow markup

The ‘Line’ menu will appear.

A fully drawn arrow will now be visible.

Screenshot below displays a fully drawn arrow:

Screenshot below displays a selected arrow with ‘Settings’ pop-up box:

Settings:

Note: The saving process is not explained separately for this markup as it is similar to that of 'Line markup'.

Rectangle highlight markup

A fully drawn rectangular highlight markup is shown in the screenshot below,

Drawing details:

  1. Fill Color: Click the Fill Color drop-down to change the color of the freehand markup. The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  2. Delete button: Click on [Delete] button to remove the drawn freehand line.

  3. OK button: Click on [OK] button to keep the drawn freehand line on the document after making changes in color or thickness (is necessary).

The highlighted area is translucent as you can view any writing or image on the document, falling under the highlighted area. The four end points (identified by the white rectangular dots) around the textbox can be dragged outward or inward to increase or decrease the area of the textbox.

Note: The saving process is not explained separately for this markup as it is similar to that of 'Line markup'.

Open Shape Menu

This menu is used to create shape markups on the document. The user has the option to choose any one of the rectangle, ellipse and cloud mark-up. Options to fill the annotation area with various colors, change the border width and color out of any of the 3 shapes is also provided.

Rectangle markup

The screenshot below displays a drawn rectangle and another one whose 'Settings' pop-up is open,

The rectangle area can be increased or decreased and the size of the rectangle increased or decreased by dragging the corner points of the rectangle outward or inward. Also, the rectangular area can be mirrored in the opposite direction on a single plane by dragging any one of the rectangle corners. For example, if you stretch the upper left-hand corner of the rectangle then all the other corners will also get stretched except for the lower right-hand corner of the rectangle.

Drawing Details:

  1. Border Color: Click the this drop-down to change the color of the rectangle border or to make it transparent. The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  2. Border Thickness: Click this drop-down to change the border thickness of the rectangular shape. For example, the line thickness can be 1, 2, 4, 6, 8 & 16. The thickness measures are pre-defined in the application.

  3. Fill Color: Click the this drop-down to fill the rectangle with a selected color or to make the area covered by the rectangle transparent. The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  4. Delete button: Click on [Delete] button to remove the drawn rectangle.

  5. OK button: Click on [OK] button to keep the drawn rectangle on the document.

Note: The saving process is not explained separately for this markup as it is similar to that of 'Line markup'.

Ellipse markup

The screenshot above displays a drawn ellipse and another one whose 'Settings' pop-up is open,

The ellipse area can be increased or decreased and the size of the ellipse increased or decreased by dragging the corner points of the ellipse (marked by the white rectangular dots) outward or inward. The ellipse can also be moved around like the rectangle.

Drawing Details:

  1. Border Color: Click the this drop-down to change the color of the ellipse border or to make it transparent. The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  2. Border Thickness: Click this drop-down to change the border thickness of the ellipsoidal shape. For example, the line thickness can be 1, 2, 4, 6, 8 & 16. The thickness measures are pre-defined in the application.

  3. Fill Color: Click the this drop-down to fill the rectangle with a selected color or to make the area covered by the ellipse, transparent. The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  4. Delete button: Click on [Delete] button to remove the drawn ellipse.

  5. OK button: Click on [OK] button to keep the drawn ellipse on the document.

Note: The saving process is not explained separately for this markup as it is similar to that of 'Line markup'.

Cloud markup

The screenshot below displays a drawn cloud and another one whose 'Settings' pop-up is open,

The cloud area can be increased or decreased and the size of the cloud increased or decreased by dragging the corner points of the cloud (marked by the white rectangular dots) outward or inward. Also, the cloud area can be mirrored in the opposite direction on a single plane by dragging any one of the rectangle corners. For example, if you stretch the upper left-hand corner of the cloud then all the other corners will also get stretched except for the lower right-hand corner of the cloud.

Drawing Details:

  1. Border Color: Click the this drop-down to change the color of the cloud border or to make it transparent. The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  2. Border Thickness: Click this drop-down to change the border thickness of the cloud shape. For example, the line thickness can be 1, 2, 4, 6, 8 & 16. The thickness measures are pre-defined in the application.

  3. Fill Color: Click the this drop-down to fill the rectangle with a selected color or to make the area covered by the cloud, transparent. The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  4. Delete button: Click on [Delete] button to remove the drawn cloud.

  5. OK button: Click on [OK] button to keep the drawn cloud on the document.

Note: The saving process is not explained separately for this markup as it is similar to that of 'Line markup'.

Open Text Menu

This menu lets you insert textual information on the file either directly visible on a textbox or present inside a note pop-up (created for the purpose of avoiding direct visibility) or populated inside a callout.

Textbox markup

Screenshot below displays a drawn textbox markup whose 'Settings' pop-up is open,

The four end points (identified by the white rectangular dots) around the textbox can be dragged outward or inward to change the shape and area of the textbox.

The Text Settings pop-up box appears automatically once you draw the textbox.

Screenshot below displays a textbox after text entry is completed:

Drawing Details:

  1. Font Color: Click this drop-down to change the font color of the selected text. The font colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  2. Font Size: Click this drop-down to change the font size of the text, after selecting the text. The font sizes are pre-defined in the application. The smallest font size that can be selected is 8 and the largest is 72.

  3. Background Color: Click this drop-down to change the color of the textbox area within which the text is written or to make the textbox transparent. The background colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  4. Border Color: Click this drop-down to change the color of the textbox border or to make it transparent (i.e. removing the border of the textbox). The colors are pre-defined in the application. The colors which can be selected from the drop-down are Red, Blue, Green, Yellow, Black & White.

  5. Delete button: Click on [Delete] button to remove the drawn textbox.

  6. OK button: Click on [OK] button to keep the drawn textbox on the document and close the 'Settings' pop-up box.

Note: The saving process is not explained separately for this markup as it is similar to that of 'Line markup'.

Note markup

Screenshot below displays a drawn note markup whose 'Text entry' pop-up appears as shown below,

Drawing Details:

  1. Text entry section: Enter relevant text to be included within the 'Note' area.

  2. Delete button: Click on [Delete] button to remove the drawn note.

  3. OK button: Click on [OK] button to keep the drawn note entry area on the document and close the text entry area.

Note: The saving process is not explained separately for this markup as it is similar to that of 'Line markup'.

Callout markup

The ‘Text’ mark-up sub-menu will appear.

As soon as you complete the drawing, the 'Settings' pop-up menu appears on the callout

Screenshot displaying a newly drawn callout with the 'Settings' pop-up menu:

The Callout structure consists of an arrow which points to a piece of text, a symbol or an illustration on the document. The arrow is connected to a rectangle text box within which information regarding that point, to which the arrow points, is entered.

 The Callout Structure Diagrammatic representation:

 

  1. Arrow: The Arrow is the first part of the callout structure. It points to the portion of the document for which information is entered within the rectangular textbox.

  2. Connector: The Connector facilitates in the connection between the arrow and the rectangular textbox.

  3. Rectangular Textbox: The rectangular textbox consists of the information regarding the point at the tip of the arrow.

Note:

Immediately, after the callout structure is drawn, the Callout Settings pop-up box appears. On this pop-up box, you can enter information to be viewable inside the rectangular structure. You can enter text within the pop-up box and these will be automatically visible inside the rectangular textbox.

Screenshot displaying entered text on the callout settings pop-up which gets automatically updated inside the rectangular structure of the callout:

Settings:

If by any chance, the size of the text entered exceeds the area of the drawn callout but you click [Ok] button then a message saying “Text entry denied. Reduce size, curtail text or expand area to proceed”.

This means you can reduce the text size, restrict the volume of text entered or expand the size of the callout rectangular area.

After you click the [Ok] button a fully drawn callout becomes visible.

Screenshot below displays a fully drawn callout:

Mobility of the Callout Structure

The Callout structure, both rectangular as well as the arrow portion can be stretched & moved around. The structure shape and arrow length can be changed by moving the white dot, present at the four corners of the rectangle, the connecting point between the rectangle & the arrow as well at the end of the arrow.

The following actions can be performed with the callout structure:

Callout Panning

The arrow head will point to the same position on the document when the textbox is move around. For panning users will have to click inside the rectangular text area/textbox and not anywhere within the extended selected area. It may happen that the callout arrow may point to a position which happens to fall within the rectangular textbox area of the callout structure. In this case, for enhanced viewing experience, the callout structure may adjust itself; due to which the callout text box may displace itself out of the purview of the arrow head, however the arrow will be pointing to same position as before.

Note: The saving process is not explained separately for this markup as it is similar to that of 'Line markup'.

Rotation

Please refer to Rotating document pages help file for details.

Calibration annotation

Calibration tool allows the user to create a new calibration line and then based on the length of that calibration line application calculates the length and area of various lines and shapes.

The calibration tool will be used for measuring:

User first draws a calibration line and enters the length of the line. In reference to the length of the calibration line, application automatically calculates the length and area of various lines and shapes. User must first draw the Calibration line first for the application to calculate the subsequent lengths & areas.

Drawing & calibrating the Calibration line

The Calibration line (Calibration Line) must be drawn first on the document and then the length of the line must be set by the user. Based on the entered length of this Calibration line, the length or area of other lines and shapes will be calculated by the application.

The user first will have to open any PDF document in the SKYSITE F&A Viewer. An opened-up document in the Viewer is shown below,

User will have to click the [Calibration] icon and then click on the [Calibration ruler] icon [highlighted by red rectangle in the screenshot above] on the tool-bar. After clicking the Calibration ruler icon, the user will click on any point in the document and then drag and release the mouse click to draw the calibration ruler. As soon as user draws the calibration ruler line, a pop-up box appears where user will have to select the measurement unit (either in imperial units which is feet and inches or in metric unit which is meters and centimeters).

A newly drawn Calibration line on the document is displayed below,

After selecting the measurement unit user will have to enter the length of the line. For example, user selects the ‘Imperial’ unit of measurement, hence will have to enter the length of the line in feet & inches.

Screenshot below displays the length entered and the Unit of Measurement selected:

Note: The Length textbox only accepts numerical values.

After entering the length measure and selecting the unit of measure the user needs to click on the [Ok] button at the bottom right-hand corner of the Calibration pop-up box.

User can click on [Delete] button to remove the Calibration line. In case of a scenario, when user has already drawn one or more measurement annotations with respect to an existing Calibration line, then once the Calibration line is deleted, all the measurement values associated with the Measurement annotations will turn to zero.

Screenshot below displays a fully drawn Calibration line:

Note:  The calibration line can be stretched outward, dragged inward or rotated around by clicking, selecting and then dragging either one of the two white dots (at each end of the line) across the document. These white Dots are present at both ends of the Calibration line. The calibration line dragged outward or inward, but the calibrated length entered by the user on the Calibration line will remain the same until & unless the user recalibrates the length of the line from the calibrator pop-up box. Also, when the Calibration line is dragged outward or inward, all the measurement values associated with measurement lines and shapes will get updated simultaneously.

After you draw the Calibration line, the measurement line and area drawing annotation icons in the tool-bar will appear activated, while the calibration annotation icon will appear disabled (because it has already been drawn). This is shown below,

Drawing measurement lines & areas

Measurement lines and areas can only be drawn (along with the setting of the length as well as the unit of measurement) after the Calibration line has been drawn.

Line measurement tool

The length of a line will be automatically calculated by the application with respect to the length of the Calibration line. This line can be drawn by clicking the Line Measurement Tool icon and then dragging across the document. The length of the line will be automatically calculated by the application considering the length of the Calibration line. Also, the unit of measurement of the length of the Measurement Line will be similar to that of the Calibration line. After drawing the measurement line, user can click on the line to view the settings of the line.

Screenshot below displays the newly drawn line and its length (along with Settings):

The newly drawn line will have Settings section from where the user can change the color & the thickness of the line.

The application will provide dynamic display of the length of the Measurement Line. This means that as & when the line is stretched outward or stretched inward, the displayed length will adjust itself automatically and will increase or decrease accordingly.

Example: If a Calibration line length has been set at say, 20 inches then the Measurement Line of a similar length (drawn at any angle) will have a displayed length of 20 inch. Now, say the Measurement Line is stretched in such a way, so that its length is doubled. In this case, the displayed length will be 40 inches. Also, as the displayed length of the Measurement Line is dynamic, when user stretches the line, the user will be able to view the change in the displayed length when the line is in the process of being stretched outward.

Also, if the Calibration line is stretched outward or inward, the length of the Calibration line will not change (unless user changes it from Calibration pop-up box) but the length of the measurement line will change.

Screenshot below displays the length of the measurement line calculated based on the length of the Calibration line (2 feet):

The Calibration line is now stretched outward, but user has not changed the length of the Calibration line which remains 2 feet. Hence, the application changes the length of the measurement line accordingly. If the length of the calibration line is increased by stretching the line outward then the length of the measurement line will decrease but if the length of the calibration line is decreased by shrinking the line inward then the length of the measurement line will increase.

Screenshot below displays the length of the measurement line calculated based on the length of the Calibration line stretched outward but the user populated length is kept at 2 feet:

Rectangle measurement tool

The area of a rectangle will be automatically calculated by the application with respect to the length of the Calibration line. The rectangle can be drawn by clicking the Rectangle Measurement Tool icon  and then dragging across the document.  The calculated area will be displayed in the middle of the rectangle. Also, the unit of measurement of the area will be similar to that of the Calibration line.

Screenshot below displays the newly drawn rectangle and its area (with settings):

The newly drawn rectangle will have Settings section from where the user can change the color of the outline border of the rectangle, fill the rectangular area with a color and increase or decrease the thickness of the rectangle border.

The application will provide dynamic display of the area of the Measurement Rectangle. This means that as & when the line is stretched outward or reduced inward, the displayed length will adjust itself automatically and will increase or decrease accordingly.

Circular measurement tool

The area of a circle (ellipse) will be automatically calculated by the application with respect to the length of the calibration line. The circle can be drawn by clicking the Circular Measurement Tool icon  and then dragging across the document.

The application calculates the area falling within the elliptical shape. This calculated area will be displayed in the middle of the circle (ellipse). Also, the unit of measurement of the area will be similar to that of the Calibration line.

Screenshot below displays the newly drawn circle (ellipse) and its area (with settings):

The newly drawn circle or ellipse will have Settings section from where the user can change the color of the outline border of the circle (ellipse), fill the ellipsoidal area with a color and increase or decrease the thickness of the circle (ellipse) border.

The application will provide dynamic display of the area of the Measurement Circle. This means that as & when the circle or ellipse is stretched outward or shrinked inward, the displayed area will adjust itself automatically and will increase or decrease accordingly.

As can be seen from the above screenshot, the ellipsoidal area can be stretched outward or inward by dragging any one of the 8 blue dots present on the four corners and each mid-point of the four sides of the circle (ellipse).

Freehand length measurement tool

The length of an arbitrary line or curve drawn in freehand form will be automatically calculated by the application with respect to the length of the Calibration line. This curve can be drawn by clicking the Freehand Length Measurement Tool icon  and then moving fingers across the document. The length of the curve will be automatically calculated by the application considering the length of the Calibration line. Also, the unit of Measurement of the length of the Measurement Freehand Line will be similar to that of the Calibration line.

Screenshot below displays the newly drawn freehand line (curve) and its length (with settings):

The newly drawn freehand line (curve) will have Settings section from where the user can change the color & the thickness of the line (curve).

The application will provide dynamic display of the length of the measurement freehand line. This means that as & when the freehand line (curve) is drawn outward or inward or drawn around the document, the displayed length will adjust itself automatically and will increase or decrease accordingly.

Freehand area measurement tool

The Freehand Area can be drawn by clicking the Freehand Area Measurement Tool icon  and then dragging across the document.

Example of a drawn Freehand Area:

Procedure for calculating the area of the Freehand Area:

The user can draw any line haphazardly on the document, but the two end points will be connected by a straight line created by the application automatically. This straight line will increase automatically as & when the user draws the freehand line. The area falling within the two lines will also be automatically calculated by the application. Hence, the curve drawn will be automatically closed between the start point and the end point. The area changes automatically and simultaneously with the drawing of the freehand line by the user and the auto creation of the straight line by the application with respect to the freehand line length. This calculated area will be displayed in the middle of the freehand area. Also, the unit of Measurement of the area will be similar to that of the Calibration line.

Screenshot below displays the newly drawn measurement freehand area and its calculated area (with settings):

The newly drawn Measurement Freehand Area will have Settings from where the user can change the color of the outline border of the freehand area, fill the area with a color and increase or decrease the thickness of the freehand area border.

Saving & viewing measurement annotations on documents:

After drawing any of the measurement lengths or areas and performing all the relevant operations on the measurement structure, like, changing the thickness of the border, changing color of the area fill, changing outer border color stretching the structure outward or inward etc. the user can proceed to save the measurement structure.

To save the measurement structure, the user needs to click the [Save] button present at the lower right-hand corner of the Viewer screen. A pop-up viz. Save mark up as will appear asking the user to enter the name of the measurement structure annotation. This is shown in the screenshot below,

The user will have to enter the name of the Measurement Structure in this Save markup as pop-up box and click on [Save]. By default, the annotation created by the user will be public (accessible to all users). Deselect the checkbox to make the annotation private (accessible only to the user who created the annotation).

If user tries to close the Viewer before saving the annotation, then a pop-up will appear asking the user to save the annotation. Once user clicks on [Save], the annotation is saved, again, if user clicks on [Cancel] then the annotation will be cleared or removed.

Note: The user can choose multiple measurement annotations at the same time. Also, the measurement annotation can be saved with other types of annotations markups as well. Again, the user, after drawing the calibration line can save only the calibration line can as a Measurement Annotation.

The saved measurement annotations can be accessed by clicking the [Saved markup(s)] menu button at the top left-hand corner of the Viewer menu-bar. This is shown in the screenshot below,

A drop-down appears which displays all the annotations which have been created and saved on this document (the current file).  The newly saved calibration annotation is, by default, displayed on the document. Each row displays the name of the annotation, the name of the user who created the annotation and the number of annotations that have been saved (Count).

User can click the [View all] button to view all the annotations that had been saved on the document.

Scenarios:

Scenario 1: Deletion of Calibration line will set Measurement values of all Measurement annotations to 0 (zero).

Scenario 2: Update of calibration line by dragging a loose end would simultaneously update all Measurement annotations present in document.

Scenario 3: If user clicks the [Create markup] button then the tool-bar reappears and the currently drawn and saved calibration annotation disappears from the document screen.

Saving markups in a group

You can save multiple markups and hyperlinks together in a group. For example, 4 markups and 1 hyperlink is drawn and displayed on the Viewer screen. This is shown below,

The Save markup name as pop-up box appears. This pop-up box is shown below,

After you save the markup group, it will appear under the 'Saved markup(s)' drop-down present on the top of the Viewer.

The hyperlink shape saved with the markup(s) in the group will appear under the 'Saved hyperlink(s)' drop-down. This is shown in screenshot below,

This icon [Toggle markup view ON/OFF] on the 'Saved markup(s)' drop-down means that the markup group shapes are visible on the Viewer and this icon means that the markup group shapes are hidden from view. You can click on the saved annotation row to make the markup group shapes appear and disappear. The [Toggle markup view ON/OFF] icon on the 'Saved hyperlink(s)' drop-down (beside the saved markup group name) will make only the saved hyperlink (saved as part of the group) appear and disappear. This is shown in the screenshot below,

Note: After the markups are saved you cannot change the color, thickness, stretch the lines or move the line or for that matter do anything on the markups except make the markup appear & disappear from the Viewer screen. You can only delete the saved markup from the 'Saved markup(s)' drop-down.