Forum Discussion
Text boxes--wrapping text around an object
Is there a way to insert an image in a text box, and have the text flow around it? (Similar to the 'float' function in HTML.)
If not, does anyone know of a workaround that replicates this? Thanks!
- Ryan-SimonsCommunity Member
Dear Storyline Staff and Developers,
Thank you so much for a wonderful product and incredible community of support. Happy Holidays to all of you and your families.
I can think of no better gift for all of your customers this season than to "wrap-up" some text. If you could you add this merry and joyous feature (text-wrapping) to your product soon, I promise to keep the spirit, "all the live long year" and pass it on to others in the community.
Remember this time of year, during those long winter days, the designers and developers in their cold offices, desperately trying to figure out another way to text-wrap around the photo of a loved one. Their fingers huddled around the candle yearning for warmth.
Please spirit show me no more...
If only we could give them more time to hurry home and hold their loved ones by the warm hearth by offering a simple text wrapping feature. Tell me these are the shadows of yet to come?
- BrettRockwoodCommunity Member
Nope. Still not there. I usually resort to forced line breaks to get this done. Of course there is danger there if you have to edit the text afterward. Put in the feature request. The more a feature is requested the more likely it will be implemented — I've seen it happen ;-)
My wish would be to be able to add text to any shape. So for instance you create a circle and the text would wrap to fill the circle. This way you could create any kind of shape you needed to fit around another object and then fill that shape with your text. (This is the way page layout programs like InDesign work.) The next step would be to add text threading where you could have several linked text boxes of any shape where the text flows through them automatically. That is a very powerful feature.
Couldn't agree more Bruce - and for those that don't know where the link is you can submit feature requests here.
- ErinSikorskiCommunity Member
Six years late to this conversation, but since it's still not in SL, I'm going to add to the feature request! It would be very nice to have text wrap around an image or shape!
Thanks, Erin. I see that we received your feature request!
- AliZhanjeCommunity Member
This feature needs to be added. I'm finding out more and more that Storyline is great, but it seriously misses some basic functions
- MathNotermans-9Community Member
Although Storyline as is does not have real word-wrapping it can still be done. With the help of Javascript, CSS and HTML5 you can make it happen. This library for example makes it happen.
http://www.jwf.us/projects/jQSlickWrap/A nice library when doing typography
http://letteringjs.com/
A pure CSS solution is possible too..
https://codepen.io/demiton/pen/GRgdbYP
Here a good approach using CSS-shapes in HTML5
https://www.html5rocks.com/en/tutorials/shapes/getting-started/Another sample
https://codepen.io/dudleystorey/pen/FvJDB
Funny thing when searching for solutions i found one of my own older posts (2015) on how to fix this in Lectora. In Storyline this would work too...even easier since recently the newest GSAP is included default in SL.
https://community.trivantis.com/shared-content/text-wrap-around-an-image/
========================================================================
As Storyline treats all assets as inline SVG the above solutions might be hard to implement. So i searched for some SVG based solutions.
https://bl.ocks.org/davelandry/a39f0c3fc52804ee859a
https://jsfiddle.net/IPWright83/22ahj15o/
Although not directly textflow/wrapping still nice this one..
https://csswarp.eleqtriq.com/
And this last one for sure is very promising.
https://css-irl.info/experimental-layouts/
One thing to watch is Storyline's own behaviour with texts and textareas. If you enable 'Wrap text in shape' on a Storyline Text Box internally Storyline will make <tspan> elements for each line. This offcourse hinders any approach above, but you can still make it work with some effort. - BrettRockwoodCommunity Member
Text wrapping is not a feature of SL. Nor is flowing text into an irregularly shaped object such as a triangle or square. To my knowledge text can only be inserted through a text box (square or rectangular) or through the insert object command on a rectangle or rounded rectangle shape. It would be a great feature request and I encourage you to send one.
- MeryemMCommunity Member
For a workaround, I would format my text and image in Powerpoint and then copy/paste them into Storyline as an image.
Hi Kelly,
It's still not a feature of Storyline to wrap around the images or other elements within a text box, so I appreciate you submitting the feature request.
Ryan,
You gave me quite the chuckle here with this request - so I'm definitely going to pass it along. I also appreciate your sentiments and wishes for a happy Holidays. Same to you and your family!
- allennation-602Community Member
Text flow wrap options for images is very important in design. There is a reason it is in every design application.