Thin popup boxes on labeled graphic interaction

Nov 30, 2016

Hi all, 

Thought I would share as it may be useful to some. 

I added a very thin image to a graphic interaction and the pop up boxes became very thin like this:



I figured if you increase the length of the image then the boxes show up correctly.


I did this in power point by adding a big white rectangle  to the back of the image and then selecting both and save as picture. 

8 Replies
Ashley Terwilliger-Pollard

Hi Nigel,

Thank you for sharing that here and including so much detail! I'm able to replicate the same behavior so I'm going to report it to our team to investigate further as that certainly doesn't look good! 

I'll be in touch here once I have some additional information to share, but I'm also glad to see you were able to find a workaround as well! 

Ashley Terwilliger-Pollard

Hi Victoria,

Thanks for your patience. I wanted to update you and let you know that our QA team took a look at this, and it's expected behavior based on using that thin image and we'll only be able to include the marker text in the same width as the image - so you'll need to continue using the workaround you mentioned to add some additional whitespace on the sides of your image and that would allow the marker pop up to have a wider view and let the text display as you'd like.

Hope that helps clarify and please keep us posted if you need anything else! 

Alyssa Gomez

Hi Ursula, 

Thanks for those screenshots! Is the Labeled Graphic image very narrow? If so, adding more width to the image should do the trick.

I'd be interested in taking a closer look at this interaction, if you don't mind sharing it with me. Simply copy the "Share" link and paste it in a new thread comment, or send it privately here. 

L&D Team Account

The thin popup box appeared for the embedded URL, not for a graphic.
The tester was using IE11. I asked him to use Chrome instead, and it was worked okay.
Once our LMS is up and running it will be okay, because they have to use Chrome for that.
I've shared the file so that you can see what it is doing if you want.

It is in Lesson 2: Industry Milestones to 2000
Marker titled "1990s REALTORS(r) Care"


What I see


What the learner saw

Technical Writer/

The Canadian Real Estate Association / L'Association Canadienne de l'immeuble
200 Catherine St., Suite 600 /
200, rue Catherine, 6e étageOttawa
This e-mail and any attachments may contain information that is privileged and/or confidential. If you are not the intended recipient and appear to have received this e-mail in error, please notify us immediately and then delete all copies from your computer system. Any unauthorized use, copying or further distribution is prohibited.
Il est possible que certains renseignements contenus dans le présent courriel ainsi que toute pièce jointe soient confidentiels. Si vous n’êtes pas le destinataire prévu et que vous croyez avoir reçu le présent courriel par erreur, nous vous prions de nous le signaler immédiatement et de supprimer toute copie de ce courriel de votre système informatique. Toute utilisation, reproduction ou diffusion non autorisée du présent courriel est interdite.

Crystal Horn

Hi there, Ursula.  Thanks for sharing the link to your course, and especially where to find that lesson. 😁 The image Alyssa was referring to was the main labeled graphic image.  In your case, it would be the timeline image.  We addressed an issue with narrow images causing the markers to open very thin.

I tested on IE 11 in my Windows 10 environment, and here's what I saw:

The embedded content and the overall marker size looked appropriate to me.  If he's consistently seeing the thin pop-up in IE 11, could you find out what Windows version he's using?

When you reply via email, your attachments won't work in the discussion.  Also, it looks like your email signature (with contact information) came through as well.  You can edit it out by coming back into the discussion here!

This discussion is closed. You can start a new discussion or contact Articulate Support.