Opens in a new windowOpens an external websiteOpens an external website in a new window
This website utilizes technologies such as cookies to enable essential site functionality, as well as for analytics, personalization, and targeted advertising. To learn more, view the following link: Privacy Notice
Authors
Video Tutorials
Engage 360: Image Zoom Interactions
The image zoom interaction in Engage 360 lets learners zoom into important parts of an image or diagram. Use the image zoom interaction to:
Change the width of a column by dragging its boundary with your mouse.
Expand the text panel by dragging its top boundary upward if you need more room to work with text.
Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel.
Switching to a Different Image
To change the image for your interaction, do the following:
Go to the Image Zoom tab on the ribbon and click Change Image.
Browse to the image you want to use and click Open.
Adding Steps (Zoom Regions) to an Image
Each step in an image zoom interaction is a zoom region on the image. Steps are managed in the Steps panel on the left side of the screen, and they appear as shaded rectangles on the image in the preview panel. To add a step, do any of the following:
Press Ctrl+M.
Go to the Image Zoom tab on the ribbon and click Add Step.
Click the Create a new step button in the lower left corner of the Steps panel.
Click the Duplicate button at the bottom of the Steps panel to copy the currently selected step(s).
New steps get added just below the step that's currently selected in the Steps panel—unless the summary is selected, in which case new steps get added above it.
Tip: An image zoom interaction can have up to 100 steps (not counting the introduction and summary).
Renaming Steps (Zoom Regions)
To rename a step, do either of the following:
Double-click the step in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard.
Select the step in the Steps panel, then type the new name in the title field at the top of the text panel.
Tip: You can rename the introduction or summary in the same way.
Resizing Zoom Regions
Everything in a zoom region will be magnified when learners click it to zoom in. To resize a zoom region, select it in the preview panel to reveal its sizing handles, then drag any of the sizing handles.
Tip: To maintain a zoom region's aspect ratio while you're resizing it, hold down your Shift key and drag one of the corner sizing handles.
Rearranging Steps (Zoom Regions)
There are two aspects to arranging steps (zoom regions): layering and spatial layout.
Layering refers to how zoom regions behave when they overlap on the image (three-dimensional arrangement).
Spatial layout refers to how zoom regions are distributed across the image (two-dimensional arrangement).
Layering:
Layering is controlled by the order of steps in the Steps panel. The first step in the list is the bottommost zoom region on the image. The last step in the list is the topmost zoom region on the board. When learners click an area where two zoom regions overlap, the topmost zoom region is the one that will open (i.e., the step farthest down the list in the Steps panel).
To change the layer order, select one or more steps in the Steps panel, then do any of the following:
Drag them to a new location in the list. An orange line will move with your mouse to indicate where the steps will be dropped when your mouse button is released.
Go to the Image Zoom tab on the ribbon, click Move Step, then select Up or Down.
Use the Up and Down arrows at the bottom of the Steps panel.
The order of steps in the Steps panel also determines their sequential order when learners use the previous and next buttons on the player to navigate through your interaction.
Spatial Layout:
Spatial layout is easy to control. Simply drag zoom regions to a new location in the preview panel.
Tip: Use the arrow keys on your keyboard for more precise placement. Hold down the Ctrl key while pressing the arrows keys for even tighter control.
Changing the Outline Color of Zoom Regions
To change the color used for the dashed outline on a zoom region, do the following:
Select a step (zoom region).
Go to the Image Zoom tab on the ribbon and click Color.
Choose one of the predefined colors, or click More Colors at the bottom of the drop-down and specify a custom color.
Deleting Steps
To delete a step, do any of the following:
Press the Delete key on your keyboard.
Go to the Image Zoom tab on the ribbon and click Delete Step.
Click the Delete button at the bottom of the Steps panel.
Tip: You can't delete the introduction or summary, but you can hide them.
Adding Content to Steps
To add text, audio, and media to each step, see these user guides:
"}},"componentScriptGroups({\"componentId\":\"custom.widget.GoogleTag\"})":{"__typename":"ComponentScriptGroups","scriptGroups":{"__typename":"ComponentScriptGroupsDefinition","afterInteractive":{"__typename":"PageScriptGroupDefinition","group":"AFTER_INTERACTIVE","scriptIds":[]},"lazyOnLoad":{"__typename":"PageScriptGroupDefinition","group":"LAZY_ON_LOAD","scriptIds":[]}},"componentScripts":[]},"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/QueryHandler\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/QueryHandler-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/community/NavbarDropdownToggle\"]})":[{"__ref":"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageView/MessageViewStandard\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageView/MessageViewStandard-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/ThreadedReplyList\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageReplyCallToAction\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageReplyCallToAction-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageSubject\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageSubject-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageBody\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageBody-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageCustomFields\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageCustomFields-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageRevision\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageRevision-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageReplyButton\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageReplyButton-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/guides/GuideBottomNavigation\"]})":[{"__ref":"CachedAsset:text:en_US-components/guides/GuideBottomNavigation-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/users/TKBContributorsList\"]})":[{"__ref":"CachedAsset:text:en_US-components/users/TKBContributorsList-1739397428544"}],"cachedText({\"lastModified\":\"1739397428544\",\"locale\":\"en-US\",\"namespaces\":[\"components/tags/TagView/TagViewChip\"]})":[{"__ref":"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1739397428544"}]},"CachedAsset:pages-1739262803708":{"__typename":"CachedAsset","id":"pages-1739262803708","value":[{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"BlogViewAllPostsPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId/all-posts/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"CasePortalPage","type":"CASE_PORTAL","urlPath":"/caseportal","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"CreateGroupHubPage","type":"GROUP_HUB","urlPath":"/groups/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"CaseViewPage","type":"CASE_DETAILS","urlPath":"/case/:caseId/:caseNumber","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"InboxPage","type":"COMMUNITY","urlPath":"/inbox","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"HelpFAQPage","type":"COMMUNITY","urlPath":"/help","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"IdeaMessagePage","type":"IDEA_POST","urlPath":"/idea/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"IdeaViewAllIdeasPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/all-ideas/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"LoginPage","type":"USER","urlPath":"/signin","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"BlogPostPage","type":"BLOG","urlPath":"/category/:categoryId/blogs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ThemeEditorPage","type":"COMMUNITY","urlPath":"/designer/themes","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"TkbViewAllArticlesPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId/all-articles/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"OccasionEditPage","type":"EVENT","urlPath":"/event/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"OAuthAuthorizationAllowPage","type":"USER","urlPath":"/auth/authorize/allow","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"PageEditorPage","type":"COMMUNITY","urlPath":"/designer/pages","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"PostPage","type":"COMMUNITY","urlPath":"/category/:categoryId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ForumBoardPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"TkbBoardPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"EventPostPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"UserBadgesPage","type":"COMMUNITY","urlPath":"/users/:login/:userId/badges","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"GroupHubMembershipAction","type":"GROUP_HUB","urlPath":"/membership/join/:nodeId/:membershipType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"MaintenancePage","type":"COMMUNITY","urlPath":"/maintenance","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"IdeaReplyPage","type":"IDEA_REPLY","urlPath":"/idea/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"UserSettingsPage","type":"USER","urlPath":"/mysettings/:userSettingsTab","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"GroupHubsPage","type":"GROUP_HUB","urlPath":"/groups","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ForumPostPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"OccasionRsvpActionPage","type":"OCCASION","urlPath":"/event/:boardId/:messageSubject/:messageId/rsvp/:responseType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"VerifyUserEmailPage","type":"USER","urlPath":"/verifyemail/:userId/:verifyEmailToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"AllOccasionsPage","type":"OCCASION","urlPath":"/category/:categoryId/events/:boardId/all-events/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"EventBoardPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"TkbReplyPage","type":"TKB_REPLY","urlPath":"/kb/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"IdeaBoardPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"CommunityGuideLinesPage","type":"COMMUNITY","urlPath":"/communityguidelines","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"CaseCreatePage","type":"SALESFORCE_CASE_CREATION","urlPath":"/caseportal/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"TkbEditPage","type":"TKB","urlPath":"/kb/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ForgotPasswordPage","type":"USER","urlPath":"/forgotpassword","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"IdeaEditPage","type":"IDEA","urlPath":"/idea/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"TagPage","type":"COMMUNITY","urlPath":"/tag/:tagName","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"BlogBoardPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"OccasionMessagePage","type":"OCCASION_TOPIC","urlPath":"/event/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ManageContentPage","type":"COMMUNITY","urlPath":"/managecontent","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ClosedMembershipNodeNonMembersPage","type":"GROUP_HUB","urlPath":"/closedgroup/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"CommunityPage","type":"COMMUNITY","urlPath":"/","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ForumMessagePage","type":"FORUM_TOPIC","urlPath":"/discussions/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"IdeaPostPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"BlogMessagePage","type":"BLOG_ARTICLE","urlPath":"/blog/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"RegistrationPage","type":"USER","urlPath":"/register","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"EditGroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ForumEditPage","type":"FORUM","urlPath":"/discussions/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ResetPasswordPage","type":"USER","urlPath":"/resetpassword/:userId/:resetPasswordToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"TkbMessagePage","type":"TKB_ARTICLE","urlPath":"/kb/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"BlogEditPage","type":"BLOG","urlPath":"/blog/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ManageUsersPage","type":"USER","urlPath":"/users/manage/:tab?/:manageUsersTab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ForumReplyPage","type":"FORUM_REPLY","urlPath":"/discussions/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"PrivacyPolicyPage","type":"COMMUNITY","urlPath":"/privacypolicy","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"NotificationPage","type":"COMMUNITY","urlPath":"/notifications","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"UserPage","type":"USER","urlPath":"/users/:login/:userId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"OccasionReplyPage","type":"OCCASION_REPLY","urlPath":"/event/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ManageMembersPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/manage/:tab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"SearchResultsPage","type":"COMMUNITY","urlPath":"/search","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"BlogReplyPage","type":"BLOG_REPLY","urlPath":"/blog/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"GroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"TermsOfServicePage","type":"COMMUNITY","urlPath":"/termsofservice","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"CategoryPage","type":"CATEGORY","urlPath":"/category/:categoryId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"ForumViewAllTopicsPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/all-topics/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"TkbPostPage","type":"TKB","urlPath":"/category/:categoryId/kbs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739262803708,"localOverride":null,"page":{"id":"GroupHubPostPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"}],"localOverride":false},"CachedAsset:text:en_US-components/context/AppContext/AppContextProvider-0":{"__typename":"CachedAsset","id":"text:en_US-components/context/AppContext/AppContextProvider-0","value":{"noCommunity":"Cannot find community","noUser":"Cannot find current user","noNode":"Cannot find node with id {nodeId}","noMessage":"Cannot find message with id {messageId}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Loading/LoadingDot-0":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Loading/LoadingDot-0","value":{"title":"Loading..."},"localOverride":false},"User:user:-1":{"__typename":"User","id":"user:-1","uid":-1,"login":"Anonymous","email":"","avatar":null,"rank":null,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":"ANONYMOUS","registrationTime":null,"confirmEmailStatus":false,"registrationAccessLevel":"VIEW","ssoRegistrationFields":[]},"ssoId":null,"profileSettings":{"__typename":"ProfileSettings","dateDisplayStyle":{"__typename":"InheritableStringSettingWithPossibleValues","key":"layout.friendly_dates_enabled","value":"true","localValue":"true","possibleValues":["true","false"]},"dateDisplayFormat":{"__typename":"InheritableStringSetting","key":"layout.format_pattern_date","value":"MM-dd-yyyy","localValue":"MM-dd-yyyy"},"language":{"__typename":"InheritableStringSettingWithPossibleValues","key":"profile.language","value":"en-US","localValue":"en","possibleValues":["en-US"]}},"deleted":false},"Theme:customTheme1":{"__typename":"Theme","id":"customTheme1"},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xMi1aamRzZTE?image-coordinates=0%2C0%2C400%2C400\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xMi1aamRzZTE?image-coordinates=0%2C0%2C400%2C400","mimeType":"image/png"},"Category:category:learn":{"__typename":"Category","id":"category:learn","entityType":"CATEGORY","displayId":"learn","nodeType":"category","depth":1,"title":"Learn","shortTitle":"Learn","parent":{"__ref":"Category:category:top"},"categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Category:category:top":{"__typename":"Category","id":"category:top","displayId":"top","nodeType":"category","depth":0,"title":"Top","entityType":"CATEGORY","shortTitle":"Top"},"Tkb:board:user-guides":{"__typename":"Tkb","id":"board:user-guides","entityType":"TKB","displayId":"user-guides","nodeType":"board","depth":2,"conversationStyle":"TKB","title":"User Guides","description":"Learn how to manage Articulate apps, create engaging courses, collaborate effectively, and distribute training quickly.","avatar":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bi0xMi1aamRzZTE?image-coordinates=0%2C0%2C400%2C400\"}"},"profileSettings":{"__typename":"ProfileSettings","language":null},"parent":{"__ref":"Category:category:learn"},"ancestors":{"__typename":"CoreNodeConnection","edges":[{"__typename":"CoreNodeEdge","node":{"__ref":"Community:community:rwgqn69235"}},{"__typename":"CoreNodeEdge","node":{"__ref":"Category:category:learn"}}]},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"boardPolicies":{"__typename":"BoardPolicies","canPublishArticleOnCreate":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","args":[]}},"canReadNode":{"__typename":"PolicyResult","failureReason":null}},"shortTitle":"User Guides","isManualSortOrderAvailable":false,"tkbPolicies":{"__typename":"TkbPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"repliesProperties":{"__typename":"RepliesProperties","sortOrder":"PUBLISH_TIME","repliesFormat":"threaded"},"tagProperties":{"__typename":"TagNodeProperties","tagsEnabled":{"__typename":"PolicyResult","failureReason":null}},"requireTags":false,"tagType":"FREEFORM_AND_PRESET"},"Rank:rank:2":{"__typename":"Rank","id":"rank:2","position":1,"name":"Staff","color":"00AEEF","icon":null,"rankStyle":"FILLED"},"User:user:226085":{"__typename":"User","id":"user:226085","uid":226085,"login":"David-Fair","deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C0ab4ff10-b37f-0131-2ee8-22000b2f96a1"},"rank":{"__ref":"Rank:rank:2"},"email":"","messagesCount":1086,"biography":null,"topicsCount":914,"kudosReceivedCount":66,"kudosGivenCount":224,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2011-01-04T23:06:41.000-08:00","confirmEmailStatus":null},"followersCount":null,"solutionsCount":0},"TkbTopicMessage:message:1110019":{"__typename":"TkbTopicMessage","uid":1110019,"subject":"Engage 360: Image Zoom Interactions","id":"message:1110019","revisionNum":1,"repliesCount":0,"author":{"__ref":"User:user:226085"},"depth":0,"hasGivenKudo":false,"helpful":null,"board":{"__ref":"Tkb:board:user-guides"},"conversation":{"__ref":"Conversation:conversation:1110019"},"messagePolicies":{"__typename":"MessagePolicies","canPublishArticleOnEdit":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_edit_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_edit_workflow_action.accessDenied","args":[]}},"canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}},"contentWorkflow":{"__typename":"ContentWorkflow","state":"PUBLISH","scheduledPublishTime":null,"scheduledTimezone":null,"userContext":{"__typename":"MessageWorkflowContext","canSubmitForReview":null,"canEdit":false,"canRecall":null,"canSubmitForPublication":null,"canReturnToAuthor":null,"canPublish":null,"canReturnToReview":null,"canSchedule":null},"shortScheduledTimezone":null},"readOnly":true,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1110019"},"teaser":"","body":"
The image zoom interaction in Engage 360 lets learners zoom into important parts of an image or diagram. Use the image zoom interaction to:
Change the width of a column by dragging its boundary with your mouse.
\n
Expand the text panel by dragging its top boundary upward if you need more room to work with text.
\n
Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel.
\n
\n
Switching to a Different Image
\n
To change the image for your interaction, do the following:
\n\n
Go to the Image Zoom tab on the ribbon and click Change Image.
\n
Browse to the image you want to use and click Open.
\n\n
Adding Steps (Zoom Regions) to an Image
\n
Each step in an image zoom interaction is a zoom region on the image. Steps are managed in the Steps panel on the left side of the screen, and they appear as shaded rectangles on the image in the preview panel. To add a step, do any of the following:
\n
\n
Press Ctrl+M.
\n
Go to the Image Zoom tab on the ribbon and click Add Step.
\n
Click the Create a new step button in the lower left corner of the Steps panel.
\n
Click the Duplicate button at the bottom of the Steps panel to copy the currently selected step(s).
\n
\n
New steps get added just below the step that's currently selected in the Steps panel—unless the summary is selected, in which case new steps get added above it.
\n
Tip: An image zoom interaction can have up to 100 steps (not counting the introduction and summary).
\n
Renaming Steps (Zoom Regions)
\n
To rename a step, do either of the following:
\n
\n
Double-click the step in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard.
\n
Select the step in the Steps panel, then type the new name in the title field at the top of the text panel.
\n
\n
Tip: You can rename the introduction or summary in the same way.
\n
Resizing Zoom Regions
\n
Everything in a zoom region will be magnified when learners click it to zoom in. To resize a zoom region, select it in the preview panel to reveal its sizing handles, then drag any of the sizing handles.
\n
\n
Tip: To maintain a zoom region's aspect ratio while you're resizing it, hold down your Shift key and drag one of the corner sizing handles.
\n
Rearranging Steps (Zoom Regions)
\n
There are two aspects to arranging steps (zoom regions): layering and spatial layout.
\n
Layering refers to how zoom regions behave when they overlap on the image (three-dimensional arrangement).
\n
Spatial layout refers to how zoom regions are distributed across the image (two-dimensional arrangement).
\n
Layering:
\n
Layering is controlled by the order of steps in the Steps panel. The first step in the list is the bottommost zoom region on the image. The last step in the list is the topmost zoom region on the board. When learners click an area where two zoom regions overlap, the topmost zoom region is the one that will open (i.e., the step farthest down the list in the Steps panel).
\n
To change the layer order, select one or more steps in the Steps panel, then do any of the following:
\n
\n
Drag them to a new location in the list. An orange line will move with your mouse to indicate where the steps will be dropped when your mouse button is released.
\n
Go to the Image Zoom tab on the ribbon, click Move Step, then select Up or Down.
\n
Use the Up and Down arrows at the bottom of the Steps panel.
\n
\n
The order of steps in the Steps panel also determines their sequential order when learners use the previous and next buttons on the player to navigate through your interaction.
\n
Spatial Layout:
\n
Spatial layout is easy to control. Simply drag zoom regions to a new location in the preview panel.
\n
Tip: Use the arrow keys on your keyboard for more precise placement. Hold down the Ctrl key while pressing the arrows keys for even tighter control.
\n
Changing the Outline Color of Zoom Regions
\n
To change the color used for the dashed outline on a zoom region, do the following:
\n\n
Select a step (zoom region).
\n
Go to the Image Zoom tab on the ribbon and click Color.
\n
Choose one of the predefined colors, or click More Colors at the bottom of the drop-down and specify a custom color.
\n\n
Deleting Steps
\n
To delete a step, do any of the following:
\n
\n
Press the Delete key on your keyboard.
\n
Go to the Image Zoom tab on the ribbon and click Delete Step.
\n
Click the Delete button at the bottom of the Steps panel.
\n
\n
Tip: You can't delete the introduction or summary, but you can hide them.
\n
Adding Content to Steps
\n
To add text, audio, and media to each step, see these user guides:
Change the width of a column by dragging its boundary with your mouse.
\n
Expand the text panel by dragging its top boundary upward if you need more room to work with text.
\n
Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel.
\n
\n
Switching to a Different Image
\n
To change the image for your interaction, do the following:
\n\n
Go to the Image Zoom tab on the ribbon and click Change Image.
\n
Browse to the image you want to use and click Open.
\n\n
Adding Steps (Zoom Regions) to an Image
\n
Each step in an image zoom interaction is a zoom region on the image. Steps are managed in the Steps panel on the left side of the screen, and they appear as shaded rectangles on the image in the preview panel. To add a step, do any of the following:
\n
\n
Press Ctrl+M.
\n
Go to the Image Zoom tab on the ribbon and click Add Step.
\n
Click the Create a new step button in the lower left corner of the Steps panel.
\n
Click the Duplicate button at the bottom of the Steps panel to copy the currently selected step(s).
\n
\n
New steps get added just below the step that's currently selected in the Steps panel—unless the summary is selected, in which case new steps get added above it.
\n
Tip: An image zoom interaction can have up to 100 steps (not counting the introduction and summary).
\n
Renaming Steps (Zoom Regions)
\n
To rename a step, do either of the following:
\n
\n
Double-click the step in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard.
\n
Select the step in the Steps panel, then type the new name in the title field at the top of the text panel.
\n
\n
Tip: You can rename the introduction or summary in the same way.
\n
Resizing Zoom Regions
\n
Everything in a zoom region will be magnified when learners click it to zoom in. To resize a zoom region, select it in the preview panel to reveal its sizing handles, then drag any of the sizing handles.
\n
\n
Tip: To maintain a zoom region's aspect ratio while you're resizing it, hold down your Shift key and drag one of the corner sizing handles.
\n
Rearranging Steps (Zoom Regions)
\n
There are two aspects to arranging steps (zoom regions): layering and spatial layout.
\n
Layering refers to how zoom regions behave when they overlap on the image (three-dimensional arrangement).
\n
Spatial layout refers to how zoom regions are distributed across the image (two-dimensional arrangement).
\n
Layering:
\n
Layering is controlled by the order of steps in the Steps panel. The first step in the list is the bottommost zoom region on the image. The last step in the list is the topmost zoom region on the board. When learners click an area where two zoom regions overlap, the topmost zoom region is the one that will open (i.e., the step farthest down the list in the Steps panel).
\n
To change the layer order, select one or more steps in the Steps panel, then do any of the following:
\n
\n
Drag them to a new location in the list. An orange line will move with your mouse to indicate where the steps will be dropped when your mouse button is released.
\n
Go to the Image Zoom tab on the ribbon, click Move Step, then select Up or Down.
\n
Use the Up and Down arrows at the bottom of the Steps panel.
\n
\n
The order of steps in the Steps panel also determines their sequential order when learners use the previous and next buttons on the player to navigate through your interaction.
\n
Spatial Layout:
\n
Spatial layout is easy to control. Simply drag zoom regions to a new location in the preview panel.
\n
Tip: Use the arrow keys on your keyboard for more precise placement. Hold down the Ctrl key while pressing the arrows keys for even tighter control.
\n
Changing the Outline Color of Zoom Regions
\n
To change the color used for the dashed outline on a zoom region, do the following:
\n\n
Select a step (zoom region).
\n
Go to the Image Zoom tab on the ribbon and click Color.
\n
Choose one of the predefined colors, or click More Colors at the bottom of the drop-down and specify a custom color.
\n\n
Deleting Steps
\n
To delete a step, do any of the following:
\n
\n
Press the Delete key on your keyboard.
\n
Go to the Image Zoom tab on the ribbon and click Delete Step.
\n
Click the Delete button at the bottom of the Steps panel.
\n
\n
Tip: You can't delete the introduction or summary, but you can hide them.
\n
Adding Content to Steps
\n
To add text, audio, and media to each step, see these user guides: