Forum Discussion
Marker Labeled Graphic
Hello everyone,
My boss wants me to change the size of the labels in the labeled graphic in Rise. Is that possible?
We need them to be smaller because they’re obscuring things in the image.
Thank you very much for your help or ideas.
Best regards,
Inga
4 Replies
- AndrewBlemings-Community Member
I don't see a way, no. Is creating a standalone Storyline project not an option? One could create labels exactly as one wished in there.
- PhilFossCommunity Member
Inga, yes we use CSS for that, including changing the various 'states' of the markers. I put some documentation here, including a screen recording.
https://theme-360.com/theme-component/labeled-graphic-states/
- LisaK-b221f671-Community Member
Am I correct in assuming that the issue isn't really the markers but the pop-up? That once the learner clicks on a marker, the relevant part of the picture is covered? One easy fix would be to add pictures to your pop-ups - close-ups of the relevant sections that are explained by the text.
It is also possible to close the pop-ups by clicking somewhere on the image (where no marker is). You could also add this information to your instruction, something like "Click on the markers to find out more. If you want to close a pop-up, click somewhere on the image." That way the learner can look at the image again, without any pop-ups being in the way.
I also came across a code block code for a labeled graphic in Stephanie's amazing code block collection, that allows you to set the direction that a pop-up opens in:https://articulateusercontent.com/review/uploads/ZhZcYEYYzU_dxqVn1USw6Ab5lxIvJPgt/1bPx-UAq/index.html#/lessons/2dSsXSiImlK2-6ovGwPQUfS4V8_A57Ud
Please note though, that its behaviour is slightly different than the standard labeled graphic (e.g. the pulse doesn't disappear after you've clicked on a marker). So the code might need some tweaking.
Hope this helps! - PhilFossCommunity Member
This was a theme component I created that moves the popover way to the right into more of a sidebar, and also decreases the size of the markers, and removed marker icons entirely.
Related Content
- 1 year ago