The Graphic Labeled Block is a nice feature but I rarely use it because there is no way to position the labels precisely and, most of the time, they end up hiding the part of image they're supposed to explain.
When the marker is on the right, part of the image is hidden.
Same thing when the marker is on the left.
It would be nice to have some control over the position and size of the labels.
Yes this would be very handy, I also find that the random placement of the labels then covers other markers so +1 in being able to have the control to place them where required.
I'd like to decide where the box sits, which way it opens, and be able to modify the size of the box horizontally and vertically by dragging cross-hair like you can in other software. Currently I have a situation where the box opens and covers the title of the picture.
Me too. Perhaps a simple option of being able to determine whether the label is placed to the left, the right, above or below the marker would make a big difference.
Another +1, please. When the thing you want to explain is in the center of the graphic, you have to mess around with the placement so that the caption doesn't cover the thing you're trying to explain. I'm having to keep moving the marker further and further over, so much so that it doesn't even appear to be related to the thing it's explaining.
Being able to override auto placement of the caption -- with an option of above, below, left, and right -- would be great.
YES PLEASE FIX! Also, I would LOVE for there to be an option to make the label itself transparent or at least the circle markers so that it doesn't hide what is beneath it.
Thanks for sharing these suggestions for the Labeled Graphic block!
We're tracking requests for additional formatting options for the Labeled Graphic block, and we'll update this thread once we have any new information on this request.
Still not control over where media is placed within a marker. This was brought up 4 YEARS AGO! Why would you put media above the description especially when the media takes up the entire marker window? How would a learner know to scroll down? Obviously learning designers were not in charge of this. Horrible design and not expecting this to be a priority making this block useless.
I'd love to get feedback on this theme component for labeled graphics- the customizations include smaller markers, darkmode interface with the semi-transparent popovers flush to the right in a fixed area. Depending on screen size, the popovers barely interfere with the graphic.
Hi Phil, as always love your stuff. I've used Embed (iframe) for the same sort of thing in many cases (mostly svg image maps, e.g. click on a state to see legislation). This way the interaction works within the Rise editor/Review. I then have a script to copy the file into the zip after you publish it, so that it is part of the package. How do you edit your hotspots?
Hi Tim thanks, the css I used for the hotspot markers is below. 3 styles- the first makes the icon transparent, the second scales down the size of the marker, the third scales the active/clicked marker back up. I have a browser extension that applies the styles while working in Rise, but then I need to add the css to the exported package. Kind of a manual process but I like that tool you mentioned, I wish I knew how to code something like that.
How is this still an issue after 3 years. Can we please have some updates. It's a feature we would like to make better use of but at the moment with the descriptions covering key components, it's pretty useless. Has such potential.
19 Replies
Hey there, JC! It sounds like you need more control over the marker caption placement. I'll be sure our team sees your request!
Yes this would be very handy, I also find that the random placement of the labels then covers other markers so +1 in being able to have the control to place them where required.
Yes please +1 for me as well.
Maybe an opacity option for the caption block would help?
Would be very useful !
Yes please!!!!
I'd like to decide where the box sits, which way it opens, and be able to modify the size of the box horizontally and vertically by dragging cross-hair like you can in other software. Currently I have a situation where the box opens and covers the title of the picture.
Me too. Perhaps a simple option of being able to determine whether the label is placed to the left, the right, above or below the marker would make a big difference.
I would also like to request more control over the marker caption placement. Any chance this will be made available soon?
100% support for this. Currently the label covers the item and makes it unhelpful. Need to be able to set the position and placement
+1 on this!
Another +1, please. When the thing you want to explain is in the center of the graphic, you have to mess around with the placement so that the caption doesn't cover the thing you're trying to explain. I'm having to keep moving the marker further and further over, so much so that it doesn't even appear to be related to the thing it's explaining.
Being able to override auto placement of the caption -- with an option of above, below, left, and right -- would be great.
YES PLEASE FIX! Also, I would LOVE for there to be an option to make the label itself transparent or at least the circle markers so that it doesn't hide what is beneath it.
Thanks for sharing these suggestions for the Labeled Graphic block!
We're tracking requests for additional formatting options for the Labeled Graphic block, and we'll update this thread once we have any new information on this request.
Still not control over where media is placed within a marker. This was brought up 4 YEARS AGO! Why would you put media above the description especially when the media takes up the entire marker window? How would a learner know to scroll down? Obviously learning designers were not in charge of this. Horrible design and not expecting this to be a priority making this block useless.
I'd love to get feedback on this theme component for labeled graphics- the customizations include smaller markers, darkmode interface with the semi-transparent popovers flush to the right in a fixed area. Depending on screen size, the popovers barely interfere with the graphic.
Hi Phil, as always love your stuff. I've used Embed (iframe) for the same sort of thing in many cases (mostly svg image maps, e.g. click on a state to see legislation). This way the interaction works within the Rise editor/Review. I then have a script to copy the file into the zip after you publish it, so that it is part of the package. How do you edit your hotspots?
Hi Tim thanks, the css I used for the hotspot markers is below. 3 styles- the first makes the icon transparent, the second scales down the size of the marker, the third scales the active/clicked marker back up. I have a browser extension that applies the styles while working in Rise, but then I need to add the css to the exported package. Kind of a manual process but I like that tool you mentioned, I wish I knew how to code something like that.
.labeled-graphic-marker__pin i::before {
color:transparent
}
.labeled-graphic-marker__pin {
transform: scale(.3);
}
.labeled-graphic-marker--active .labeled-graphic-marker__pin {
transform: scale(.7);
}
How is this still an issue after 3 years. Can we please have some updates. It's a feature we would like to make better use of but at the moment with the descriptions covering key components, it's pretty useless. Has such potential.
Would also like to decide where the label is positioned (left, right, top)