Help! Adding small icons in Rise?
Aug 31, 2019
Hi all, really hope someone can help me with this...
For several months now I've been working on a suite of online modules (built in Rise with embedded Storyline) about mental health for a client. At the start of the project I sent them some design ideas which they approved - this included small icons to add visual interest, highlight key themes etc. I added these simply by making them the desired size in a Word doc and then copying and pasting them across. They were displaying fine when I previewed the modules.
Now - just a couple of weeks away from the final deadline and planned launch of these modules - I've discovered that the icons look fine in Edit mode, but appear huge in Preview mode. I've included some screenshots which show the Edit (small icons) vs Preview (large icons) views. I guess some sort of update to Rise has changed the way that images display...? I can't use the Image option as 25% size is still too big for what I want and the icon ends up looking too distant from the associated text, if that makes sense.
Does anyone have any ideas on how I can fix this? Any help would be hugely appreciated!
11 Replies
Hey Leah!
It sounds like you copied these icons from Microsoft Word and pasted them into a text block in your course. We're considering ways we can make it easier to add images to text blocks, but right now images inside text blocks aren't supported.
Could you use an Image and Text block instead? Another idea is to type the text using the same font in Word, take a screenshot of the text with the icon, and upload the screenshot as an image in an Image block.
Let me know if one of those options would work for you!
Well adding text in a image is not a good idea, as this will go for translation, use of icons will help us design it in proper accessible formats. Can we have a icon library set like emoji to include into text area.
It is already possible to use Emoji's with text. See:
https://community.articulate.com/discussions/rise-360/articulate-360-adding-an-icon-to-text
I too would like to include icons in my Rise course. Hope we get a solution soon! Emoji's won't help as we need more corporate type icons/ images.
For example a loud speaker icon to highlight something important and the color of the image should also match with the theme. If you guys provide this, that would be great! :)
Hi Pawan,
Check out this tip Elizabeth shared — I think that is exactly what you're looking for!
Hi. I am following Elizabeth's instructions to add icons to the quote D block in Rise but the icons (which I saved from PPT) are too big for the designated space in Rise. Do you know how I can get the icons to be small enough to use them in quote D? Thanks!
Hi Veronica, have you tried using the image crop feature in Rise 360? If that doesn't help, you would need a third-party tool to reduce the dimensions of your image then upload it into Rise 360. I would defer to the community for recommendations on what third-party software they use to modify their images.
Thanks Chino! I ended up pasting the icon into a PPT slide and using SnagIt to capture some white canvas around the icon to make it smaller. I would love for Rise to include a selection of icons.
Yes!
Hi - I am currently using this workaround but a great feature addition would be to allow us to ditch the quotation marks for this block type. It would be the perfect workaround for my important callouts I need to use throughout my Rise course. How do I request this small feature review?
Hi Asuman,
You can easily get rid of the quotation marks.
Edit your quote block.
Delete all text from the Quote area and leave this area blank.
Delete the Author Name.
Copy and paste your text into the author Name area.
Format the text as required.
Preview your course and the quotation marks will be gone.