Page 1 of 1

Picture floated responsive by text

Posted: Thu Jan 30, 2020 8:34 am
by sieweb
Hi,
as the title says, I want to insert a picture that is floated by text in a responsive way.
- and I do not have an idea how, and where to look.

horst

Re: Picture floated responsive by text

Posted: Thu Jan 30, 2020 9:06 am
by Pablo
Did you try the "wrapt text" object?
http://wysiwygwebbuilder.com/wrap_text.html

Re: Picture floated responsive by text

Posted: Thu Jan 30, 2020 4:12 pm
by jerryco
@Pablo:

Note: shape-outside requires a modern browsers. It currently works in Safari, Chome and FireFox, but not in IE/Edge!

Re: Picture floated responsive by text

Posted: Thu Jan 30, 2020 11:32 pm
by sieweb
After playing with WraptText and others, I will use different FlexGrid container for different Breakpoints.
Responsive floating text around objects seem to be a difficult situation.

Re: Picture floated responsive by text

Posted: Fri Jan 31, 2020 7:16 am
by Pablo
You can also use the wrap text object inside a layout grid. In that case, it will be flexible and responsive.

Re: Picture floated responsive by text

Posted: Fri Jan 31, 2020 9:31 am
by sieweb
Good morning,
I have tried, but I am not able to drag the WrapText container inside the LayoutGrid :?:
horst

Re: Picture floated responsive by text

Posted: Fri Jan 31, 2020 9:58 am
by Pablo
"position children' must be set to 'floating' or 'shape' otherwise the object is not flexible.

Related tutorial:
https://www.wysiwygwebbuilder.com/wrap_text.html