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: Guided Image Interactions
The guided image interaction in Engage 360 lets learners examine parts of an image or diagram. Use the guided image 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 this:
Go to the Guided Image tab on the ribbon and click Change Image.
Browse to the image you want to use and click Open.
Changing the Position and Size of the Image
To change where the image appears in your interaction, do the following:
Go to the Guided Image tab on the ribbon and click Position.
Select Left, Right, Top, or Bottom.
To choose how much room the image occupies on the screen, do the following:
Go to the Guided Image tab on the ribbon and click Interaction Properties.
Select the Guided Image tab on the left side of the window that appears.
Enter a percentage between 30 and 75 for the image size. The image will scale down if you choose a percentage that makes it smaller than its original dimensions; however, it won't scale up if you choose a percentage that would make it larger than its original dimensions.
Tip: The content for each label in your interaction will appear on the opposite side of the screen from the image.
Adding Labels to an Image
Each step in a guided image interaction is called a label. Labels are managed in the Steps panel on the left side of the screen, and they appear as arrows in the preview panel in the middle of the screen. To add a label, do any of the following:
Press Ctrl+M.
Go to the Guided Image tab on the ribbon and click Add Label.
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 label(s).
New labels get added just below the label that's currently selected in the Steps panel—unless the summary is selected, in which case new labels get added above it.
Tip: A guided image interaction can have up to 100 labels (not counting the introduction and summary).
Renaming Labels
To rename a label, do either of the following:
Double-click the label in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard.
Select the label 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.
Rearranging Labels
There are two aspects to arranging labels: sequential order and spatial layout.
Sequential order refers to the order of labels in the Steps panel, which is also the same order they'll appear in the published output.
Spatial layout refers to how labels are distributed across the image.
Sequential Order:
To change the order of the labels in your interaction, select one or more of them 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 labels will be dropped when your mouse button is released.
Go to the Guided Image tab on the ribbon, click Move Label, then select Up or Down.
Use the Up and Down arrows at the bottom of the Steps panel.
Spatial Layout:
Spatial layout is easy to control. Simply drag the arrows 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 Arrow Color
To change the color used for arrows, do the following:
Go to the Guided Image tab on the ribbon and click Arrow Color.
Choose one of the predefined colors, or click More Colors at the bottom of the drop-down and specify a custom color.
Tip: All labels in the same interaction use the same arrow color.
Deleting Labels
To delete a label, select it in the Steps panel or the preview panel, then do any of the following:
Press the Delete key on your keyboard.
Go to the Guided Image tab on the ribbon and click Delete Label.
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 Labels
To add text, audio, and media to each label, 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\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/QueryHandler\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/QueryHandler-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/community/NavbarDropdownToggle\"]})":[{"__ref":"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageView/MessageViewStandard\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageView/MessageViewStandard-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/ThreadedReplyList\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageReplyCallToAction\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageReplyCallToAction-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageSubject\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageSubject-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageBody\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageBody-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageCustomFields\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageCustomFields-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageRevision\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageRevision-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageReplyButton\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageReplyButton-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/guides/GuideBottomNavigation\"]})":[{"__ref":"CachedAsset:text:en_US-components/guides/GuideBottomNavigation-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/users/TKBContributorsList\"]})":[{"__ref":"CachedAsset:text:en_US-components/users/TKBContributorsList-1739397430489"}],"cachedText({\"lastModified\":\"1739397430489\",\"locale\":\"en-US\",\"namespaces\":[\"components/tags/TagView/TagViewChip\"]})":[{"__ref":"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1739397430489"}]},"CachedAsset:pages-1739261396496":{"__typename":"CachedAsset","id":"pages-1739261396496","value":[{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"BlogViewAllPostsPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId/all-posts/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"CasePortalPage","type":"CASE_PORTAL","urlPath":"/caseportal","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"CreateGroupHubPage","type":"GROUP_HUB","urlPath":"/groups/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"CaseViewPage","type":"CASE_DETAILS","urlPath":"/case/:caseId/:caseNumber","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"InboxPage","type":"COMMUNITY","urlPath":"/inbox","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"HelpFAQPage","type":"COMMUNITY","urlPath":"/help","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"IdeaMessagePage","type":"IDEA_POST","urlPath":"/idea/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"IdeaViewAllIdeasPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/all-ideas/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"LoginPage","type":"USER","urlPath":"/signin","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"BlogPostPage","type":"BLOG","urlPath":"/category/:categoryId/blogs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ThemeEditorPage","type":"COMMUNITY","urlPath":"/designer/themes","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"TkbViewAllArticlesPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId/all-articles/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"OccasionEditPage","type":"EVENT","urlPath":"/event/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"OAuthAuthorizationAllowPage","type":"USER","urlPath":"/auth/authorize/allow","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"PageEditorPage","type":"COMMUNITY","urlPath":"/designer/pages","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"PostPage","type":"COMMUNITY","urlPath":"/category/:categoryId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ForumBoardPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"TkbBoardPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"EventPostPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"UserBadgesPage","type":"COMMUNITY","urlPath":"/users/:login/:userId/badges","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"GroupHubMembershipAction","type":"GROUP_HUB","urlPath":"/membership/join/:nodeId/:membershipType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"MaintenancePage","type":"COMMUNITY","urlPath":"/maintenance","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"IdeaReplyPage","type":"IDEA_REPLY","urlPath":"/idea/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"UserSettingsPage","type":"USER","urlPath":"/mysettings/:userSettingsTab","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"GroupHubsPage","type":"GROUP_HUB","urlPath":"/groups","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ForumPostPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"OccasionRsvpActionPage","type":"OCCASION","urlPath":"/event/:boardId/:messageSubject/:messageId/rsvp/:responseType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"VerifyUserEmailPage","type":"USER","urlPath":"/verifyemail/:userId/:verifyEmailToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"AllOccasionsPage","type":"OCCASION","urlPath":"/category/:categoryId/events/:boardId/all-events/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"EventBoardPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"TkbReplyPage","type":"TKB_REPLY","urlPath":"/kb/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"IdeaBoardPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"CommunityGuideLinesPage","type":"COMMUNITY","urlPath":"/communityguidelines","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"CaseCreatePage","type":"SALESFORCE_CASE_CREATION","urlPath":"/caseportal/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"TkbEditPage","type":"TKB","urlPath":"/kb/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ForgotPasswordPage","type":"USER","urlPath":"/forgotpassword","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"IdeaEditPage","type":"IDEA","urlPath":"/idea/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"TagPage","type":"COMMUNITY","urlPath":"/tag/:tagName","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"BlogBoardPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"OccasionMessagePage","type":"OCCASION_TOPIC","urlPath":"/event/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ManageContentPage","type":"COMMUNITY","urlPath":"/managecontent","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ClosedMembershipNodeNonMembersPage","type":"GROUP_HUB","urlPath":"/closedgroup/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"CommunityPage","type":"COMMUNITY","urlPath":"/","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ForumMessagePage","type":"FORUM_TOPIC","urlPath":"/discussions/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"IdeaPostPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"BlogMessagePage","type":"BLOG_ARTICLE","urlPath":"/blog/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"RegistrationPage","type":"USER","urlPath":"/register","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"EditGroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ForumEditPage","type":"FORUM","urlPath":"/discussions/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ResetPasswordPage","type":"USER","urlPath":"/resetpassword/:userId/:resetPasswordToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"TkbMessagePage","type":"TKB_ARTICLE","urlPath":"/kb/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"BlogEditPage","type":"BLOG","urlPath":"/blog/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ManageUsersPage","type":"USER","urlPath":"/users/manage/:tab?/:manageUsersTab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ForumReplyPage","type":"FORUM_REPLY","urlPath":"/discussions/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"PrivacyPolicyPage","type":"COMMUNITY","urlPath":"/privacypolicy","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"NotificationPage","type":"COMMUNITY","urlPath":"/notifications","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"UserPage","type":"USER","urlPath":"/users/:login/:userId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"OccasionReplyPage","type":"OCCASION_REPLY","urlPath":"/event/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ManageMembersPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/manage/:tab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"SearchResultsPage","type":"COMMUNITY","urlPath":"/search","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"BlogReplyPage","type":"BLOG_REPLY","urlPath":"/blog/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"GroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"TermsOfServicePage","type":"COMMUNITY","urlPath":"/termsofservice","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"CategoryPage","type":"CATEGORY","urlPath":"/category/:categoryId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"ForumViewAllTopicsPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/all-topics/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"localOverride":null,"page":{"id":"TkbPostPage","type":"TKB","urlPath":"/category/:categoryId/kbs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1739261396496,"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:1088435":{"__typename":"TkbTopicMessage","uid":1088435,"subject":"Engage 360: Guided Image Interactions","id":"message:1088435","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:1088435"},"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:1088435"},"teaser":"","body":"
The guided image interaction in Engage 360 lets learners examine parts of an image or diagram. Use the guided image 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 this:
\n\n
Go to the Guided Image tab on the ribbon and click Change Image.
\n
Browse to the image you want to use and click Open.
\n\n
Changing the Position and Size of the Image
\n
To change where the image appears in your interaction, do the following:
\n\n
Go to the Guided Image tab on the ribbon and click Position.
\n
Select Left, Right, Top, or Bottom.
\n\n
To choose how much room the image occupies on the screen, do the following:
\n\n
Go to the Guided Image tab on the ribbon and click Interaction Properties.
\n
Select the Guided Image tab on the left side of the window that appears.
\n
Enter a percentage between 30 and 75 for the image size. The image will scale down if you choose a percentage that makes it smaller than its original dimensions; however, it won't scale up if you choose a percentage that would make it larger than its original dimensions.
\n\n
Tip: The content for each label in your interaction will appear on the opposite side of the screen from the image.
\n
Adding Labels to an Image
\n
Each step in a guided image interaction is called a label. Labels are managed in the Steps panel on the left side of the screen, and they appear as arrows in the preview panel in the middle of the screen. To add a label, do any of the following:
\n
\n
Press Ctrl+M.
\n
Go to the Guided Image tab on the ribbon and click Add Label.
\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 label(s).
\n
\n
New labels get added just below the label that's currently selected in the Steps panel—unless the summary is selected, in which case new labels get added above it.
\n
Tip: A guided image interaction can have up to 100 labels (not counting the introduction and summary).
\n
Renaming Labels
\n
To rename a label, do either of the following:
\n
\n
Double-click the label in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard.
\n
Select the label 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
Rearranging Labels
\n
There are two aspects to arranging labels: sequential order and spatial layout.
\n
Sequential order refers to the order of labels in the Steps panel, which is also the same order they'll appear in the published output.
\n
Spatial layout refers to how labels are distributed across the image.
\n
Sequential Order:
\n
To change the order of the labels in your interaction, select one or more of them 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 labels will be dropped when your mouse button is released.
\n
Go to the Guided Image tab on the ribbon, click Move Label, then select Up or Down.
\n
Use the Up and Down arrows at the bottom of the Steps panel.
\n
\n
Spatial Layout:
\n
Spatial layout is easy to control. Simply drag the arrows to a new location in the preview panel.
\n
\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 Arrow Color
\n
To change the color used for arrows, do the following:
\n\n
Go to the Guided Image tab on the ribbon and click Arrow 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
Tip: All labels in the same interaction use the same arrow color.
\n
Deleting Labels
\n
To delete a label, select it in the Steps panel or the preview panel, then do any of the following:
\n
\n
Press the Delete key on your keyboard.
\n
Go to the Guided Image tab on the ribbon and click Delete Label.
\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 Labels
\n
To add text, audio, and media to each label, 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 this:
\n\n
Go to the Guided Image tab on the ribbon and click Change Image.
\n
Browse to the image you want to use and click Open.
\n\n
Changing the Position and Size of the Image
\n
To change where the image appears in your interaction, do the following:
\n\n
Go to the Guided Image tab on the ribbon and click Position.
\n
Select Left, Right, Top, or Bottom.
\n\n
To choose how much room the image occupies on the screen, do the following:
\n\n
Go to the Guided Image tab on the ribbon and click Interaction Properties.
\n
Select the Guided Image tab on the left side of the window that appears.
\n
Enter a percentage between 30 and 75 for the image size. The image will scale down if you choose a percentage that makes it smaller than its original dimensions; however, it won't scale up if you choose a percentage that would make it larger than its original dimensions.
\n\n
Tip: The content for each label in your interaction will appear on the opposite side of the screen from the image.
\n
Adding Labels to an Image
\n
Each step in a guided image interaction is called a label. Labels are managed in the Steps panel on the left side of the screen, and they appear as arrows in the preview panel in the middle of the screen. To add a label, do any of the following:
\n
\n
Press Ctrl+M.
\n
Go to the Guided Image tab on the ribbon and click Add Label.
\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 label(s).
\n
\n
New labels get added just below the label that's currently selected in the Steps panel—unless the summary is selected, in which case new labels get added above it.
\n
Tip: A guided image interaction can have up to 100 labels (not counting the introduction and summary).
\n
Renaming Labels
\n
To rename a label, do either of the following:
\n
\n
Double-click the label in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard.
\n
Select the label 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
Rearranging Labels
\n
There are two aspects to arranging labels: sequential order and spatial layout.
\n
Sequential order refers to the order of labels in the Steps panel, which is also the same order they'll appear in the published output.
\n
Spatial layout refers to how labels are distributed across the image.
\n
Sequential Order:
\n
To change the order of the labels in your interaction, select one or more of them 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 labels will be dropped when your mouse button is released.
\n
Go to the Guided Image tab on the ribbon, click Move Label, then select Up or Down.
\n
Use the Up and Down arrows at the bottom of the Steps panel.
\n
\n
Spatial Layout:
\n
Spatial layout is easy to control. Simply drag the arrows to a new location in the preview panel.
\n
\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 Arrow Color
\n
To change the color used for arrows, do the following:
\n\n
Go to the Guided Image tab on the ribbon and click Arrow 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
Tip: All labels in the same interaction use the same arrow color.
\n
Deleting Labels
\n
To delete a label, select it in the Steps panel or the preview panel, then do any of the following:
\n
\n
Press the Delete key on your keyboard.
\n
Go to the Guided Image tab on the ribbon and click Delete Label.
\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 Labels
\n
To add text, audio, and media to each label, see these user guides: