Storyline: Font Size Magnification - E-Learning Examples

David Lindenberg

e-Learning Developer

Though often used on images, the magnify feature can be used for text, too! This example shows how.

17 Comments

Sylvia Wright

almost 3 years ago04/28/16 at 5:53 pm (UTC)

That's really really great! Thanks David! Did you use layers or ???

David Lindenberg
Author

almost 3 years ago04/29/16 at 12:06 am (UTC)

Thanks Sylvia! Yep, I put each font size on a different layer and used scrolling text panels for the bigger two.

Sylvia Wright

almost 3 years ago04/29/16 at 1:16 am (UTC)

Thanks so much David! It's really a neat help.

James Finder

almost 3 years ago05/03/16 at 6:19 pm (UTC)

Did you use Zoom? Or did you just increase font size on layers?

David Lindenberg
Author

almost 3 years ago05/03/16 at 7:22 pm (UTC)

Yeah @James, it technically isn't a true "zoom," just layers. But, the EL Challenge was about Zooming and Magnifying, so I just thought I'd show a way to magnify the font. :)

Andrew Dunn

almost 3 years ago05/03/16 at 11:16 pm (UTC)

A neat way to do this without having to repeat the text over three layers could be to put the text into a variable, and use a reference at the appropriate font size to display it - then if you need to edit, you only edit in one place!

almost 3 years ago05/04/16 at 3:29 pm (UTC)

Thanks, Andrew, I like the foresight about editing once versus three times. Could you elaborate on how this could be accomplished (for those of us lagging behind a bit)? Thanks in advance!

almost 3 years ago05/04/16 at 4:00 pm (UTC)

Hi Chris, I'll mock up a quick demo after I've had my morning coffee and post a link here. If I do it pre-coffee it'll be a mess!

almost 3 years ago05/04/16 at 4:40 pm (UTC)

Here's a quick demo: http://www.cw.bc.ca/onlinecourses/showcase/resize/story.html I had to use HTML in the text to get line breaks - the variable text looks like this: "In this example, learners can resize the text on a page by clicking on one of the three size options above.Each click opens a new layer that displays the page text.The text is stored in a variable called ‘pageText’ and is displayed by adding an empty text box to the page and using a reference to the variable:". Also, Storyline isn't good a resizing a text box when the amount of text in a reference changes, so I had to make each text box a fixed size, large enough to hold all the text. All in all, I'd say David's original method is best, given the limitations of references, variables and text boxes in Storyline.... Expand

almost 3 years ago05/04/16 at 8:36 pm (UTC)

Awesome, Andrew, thank you! I am so impressed that in the space of an hour you had a cup of coffee AND created a mock-up. I would have spent hours trying to make this work (regardless of the number of cups of coffee).

2 years ago01/24/17 at 7:24 pm (UTC)

Do you have reference files by any chance? That would be amazing.

Sean Ryan

almost 3 years ago05/04/16 at 7:16 am (UTC)

This is great. I like Andrew's addition too. Many thanks.

David Lindenberg
Author

almost 3 years ago05/04/16 at 12:17 pm (UTC)

Good idea @Andrew. I threw this sample together quickly to show the concept of magnified text and didn't think of the variable route. Another example of the multitude of ways to get things done in Storyline. Variables for the win!