Engage | Spotlight on Labeled Graphic

Written by Gabe Anderson — Posted in Articulate Engage, E-Learning Industry

This is Part 3 of an 11-part series on Engage Interaction Types – More Than Meets the Eye.

A picture is worth a thousand words.

If you’ve been keeping up with the series, you know by now that there are some pretty interesting ways to use the Engage interaction types.

Engage | Spotlight on Labeled Graphic


Today we focus on the Labeled Graphic and how you can use it to go beyond taking a screenshot of your favorite software application and describing each function to your users — but hey, that’s not a bad use, is it?

Here are some other useful ways you can leverage the Labeled Graphic interaction:

  • Explain with voiceover the key elements of a pie chart or graph
  • Display a national or regional map to train your sales reps on your sales territories
  • Present a facilities or campus map to new employees or students and highlight key locations
  • Share a photo of company executives and provide a bio for each
  • Create an interactive instructions manual for how to use new hardware
  • Detail simple how-to steps when a single image can convey the whole process — “How to login to your Webmail and save your password for next time”
  • Demonstrate the best way to lay out design elements of a PowerPoint slide
  • Take a photo of a building and mark the areas that need to be improved
  • Identify areas of your new floorplan and provide details of each

An 11-Part Series: Engage Interaction Types – More Than Meets the Eye

  1. Engage Interaction Types – More Than Meets the Eye
  2. Engage | Spotlight on Process Interaction
  3. Engage | Spotlight on Labeled Graphic
  4. Engage | Spotlight on Tabs Interaction
  5. Engage | Spotlight on Circle Interaction
  6. Engage | Spotlight on Timeline Interaction
  7. Engage | Spotlight on Media Tour
  8. Engage | Spotlight on FAQ Interaction
  9. Engage | Spotlight on Pyramid Interaction
  10. Engage | Spotlight on Guided Image
  11. Engage | Spotlight on Glossary

10 responses to “Engage | Spotlight on Labeled Graphic”


Although my labeled graphic works fine when I preview, when I publish my module, the labeled graphic interaction has two errors:
1) the introduction text box does not automatically display
2) one of my circles, when clicked, does not provide a pop-up text box. It doesn’t appear to be active.

Any suggestions?


Tim Braulick // Posted at 6:36 pm on September 9th, 2008

Hi Tim- I’ve submitted a case for you so that we can help you out more closely.

gabe // Posted at 11:34 am on September 10th, 2008

[…] Tab Interaction There’s also an Engage labeled graphic tab interaction included in the toolbar, which allows users to learn more about how to navigate the […]


The text on one of my labels seems to be too long. Can I somehow change the font size or make the label two lines long? It appears I can only change the font size for the text body, not the label. Any solutions? Thanks!

Theresa // Posted at 5:41 pm on August 25th, 2009

Hi Theresa,

You can’t actually change the font size or make the label two lines. However, you can change the actual font that is used for the label by using the method below:

1. Open your Engage interaction
2. Click on Interaction Properties
3. Select the Colors & Effects tab
4. Under “Player Fonts”, change the Title font to a different font

I would recommend trying several different fonts until you find one that is smaller than the default Articulate font. If your text is too long, then changing the font might not have any impact on the label.

Brian Batt // Posted at 11:08 am on August 26th, 2009

How can I use an image only (no text – no title) on a label in a labeled graphic engage interaction?

Kristine Forster // Posted at 12:22 pm on March 1st, 2010

Hi Kristine,

Can you clarify what you are trying to accomplish? Are you wanting to replace the “markers” in Engage with your own graphics? If so, that’s not currently possible. However, please feel free to submit a feature request to us by using the link below:


If that’s not what you’re trying to accomplish, please let me know and I’ll be more than happy to help out.

Brian Batt // Posted at 5:47 pm on March 16th, 2010

Yes I would like to be able to use my own graphics for the “markers” in Engage. Even better would be the ability to have invisible rollover hot spots in presenter.

Keith Freeman // Posted at 1:00 pm on January 7th, 2011

Hi Keith- thanks for the feedback. Here’s the best place to share product suggestions:


gabe // Posted at 4:09 pm on January 7th, 2011

Actually, I just want the user to see an image only when they click on the marker (with no title and text taking up space)?

Is this possible?

Kristine Forster // Posted at 12:28 pm on November 9th, 2011

Comments are closed on this post. Need more help? Post your question in the E-Learning Heroes Discussions.

Recent Comments

  • Sylvia Wright: Way to go San Diego!!
  • Mandar: Has the blurry font issue been addressed in SL 2? In SL 1 we have the problem that the fonts in the published...
  • Dr. Michael J Fimian: Congrats once again! This is sort of getting to be a habit. But a good one… MJF
  • Marc Zoerb: Hi Julie: Do know of any orgs that have organized around girls (vs. women) learning to code? I have a 5th...
  • Peg John: Just another reason why I like the Articulate products and the folks that create and support them.