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!
56 Replies
- CassandraMcM303Community Member
Oh boy! This is still not in Storyline :(
- JimmyWebsterCommunity Member
And another 2 years has passed by. I'm not sure they are keen on investigating this feature, despite it having a massive impact on creating a really professional design look. I'll request it again, but after 6 years of requests I'm guessing it's likely wasted effort.
- KathyBiallasCommunity Member
Eight years after this feature was requested, I'd like to "bump" up the request. It is surprising that Storyline has not yet incorporated this very basic and essential function. I will also submit a feature request for this.
- TheresaDickey-bCommunity Member
2 years later - This would be a great feature!
- KathrynYounkieSCommunity Member
Requesting text wrap around an object. It would be nice to have text follow the outline of a character.
- 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. - BrettConlonCommunity Member
This is obviously not a developer priority as the latest version still has no wrapping ability, sadly.
I guess I'll go add my request, like others.
- KelKrehbielCommunity Member
Bumping again. This would be all kinds of helpful.
- 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
- JonathanGordonCommunity Member
Still not available...
Related Content
- 10 years ago