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. :)
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!
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!
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
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.
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).
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!
17 Comments
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