Is there any way to make markers on a graphic larger and more noticeable? I saw an old discussion for making them not white/black, but it didn't seem to have been resolved. And I'm seeing no discussion for how to change marker size for Rise 360
The markers are too big for something I am working on. If they could be transparent, that would eliminate my problem. For example, markers on a map cover the name of the location. The only workaround is to put the marker to the side of the map somewhat near the area we are identifying reducing the effectiveness of the marker and slowing down the learner.
Yes, an option to increase marker size on the interactive image option would be very helpful. The standard marker size is great for medium width picture, however once you transfer to full screen the marker tends to get lost.
Is there anyone in Articulate 360 who can answer this question? Are there any updates to make the markers bigger in RISE 360? Will this action be a Section 508 compliance?
I have received similar feedback from users. It would be incredibly helpful to resize the markers within Rise. My students who struggle visually find it challenging when the icons are so small
We don't have this option in our roadmap yet. We will be updating this thread as soon as we hear news about this feature from our team.
But if you are familiar with CSS and basic HTML, you may be able to modify the main.bundle.css to adjust the size of the marker (as shown below):
First, locate this file inside your folder (scormcontent/lib folder). Open the CSS file using a text editor like Notepad or Notepad++. Then find the following CSS entry:
@media(min-width:48em) {
.labeled-graphic-marker__pin {
font-size: 1.8rem;
height: 3rem;
line-height: 3.2rem;
text-align: center;
width: 3rem
}
}
To adjust the size of the marker, change the height and width property. The cross can be adjusted by changing the font-size. And to change the cross' vertical alignment, adjust the line-height property.
Then saved the CSS file, rezip the package and upload it to your LMS. Note that when zipping, make sure you will zip the package in the location where the main files and folders are located (as shown below):
I have to add that this is an unsupported process by Articulate. You may need to familiarize yourself with CSS if you need to further explore this option.
14 Replies
Hi Holly,
Within Rise itself, there are no changes that can be made to marker size.
Hi Holly,
Thanks for letting us know how we can improve the labeled graphic block! I'll be sure our product team sees your feedback.
I received similar course feedback recently that markers were too small to easily recognize. Marker sizing options would be helpful.
Does anyone know if this has been addressed? I have had the same feedback that the markers were too small. A sizing option would be great.
The markers are too big for something I am working on. If they could be transparent, that would eliminate my problem. For example, markers on a map cover the name of the location. The only workaround is to put the marker to the side of the map somewhat near the area we are identifying reducing the effectiveness of the marker and slowing down the learner.
Markers are still too small. An option to size would be best (like with video and photo size options).
Yes, an option to increase marker size on the interactive image option would be very helpful. The standard marker size is great for medium width picture, however once you transfer to full screen the marker tends to get lost.
Yes, please add options to change size of markers!
¿Donde encuentro la opción de cambiar el tamaño a los marcadores?
Is there anyone in Articulate 360 who can answer this question? Are there any updates to make the markers bigger in RISE 360? Will this action be a Section 508 compliance?
I also have the same question. Is it possible to submit a feature request to the Articulate team?
I have received similar feedback from users. It would be incredibly helpful to resize the markers within Rise. My students who struggle visually find it challenging when the icons are so small
Hi Cody,
We don't have this option in our roadmap yet. We will be updating this thread as soon as we hear news about this feature from our team.
But if you are familiar with CSS and basic HTML, you may be able to modify the main.bundle.css to adjust the size of the marker (as shown below):
First, locate this file inside your folder (scormcontent/lib folder). Open the CSS file using a text editor like Notepad or Notepad++. Then find the following CSS entry:
@media(min-width:48em) {
.labeled-graphic-marker__pin {
font-size: 1.8rem;
height: 3rem;
line-height: 3.2rem;
text-align: center;
width: 3rem
}
}
height
andwidth
property. The cross can be adjusted by changing thefont-size
. And to change the cross' vertical alignment, adjust theline-height
property.I have to add that this is an unsupported process by Articulate. You may need to familiarize yourself with CSS if you need to further explore this option.