Picture floated responsive by text

sieweb · Post by **sieweb** » Thu Jan 30, 2020 8:34 am

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

Post by **Pablo** » Thu Jan 30, 2020 9:06 am

Did you try the "wrapt text" object?
http://wysiwygwebbuilder.com/wrap_text.html

jerryco · Post by **jerryco** » Thu Jan 30, 2020 4:12 pm

@Pablo:

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

sieweb · Post by **sieweb** » Thu Jan 30, 2020 11:32 pm

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.

Post by **Pablo** » Fri Jan 31, 2020 7:16 am

You can also use the wrap text object inside a layout grid. In that case, it will be flexible and responsive.

sieweb · Post by **sieweb** » Fri Jan 31, 2020 9:31 am

Good morning,
I have tried, but I am not able to drag the WrapText container inside the LayoutGrid

horst

Post by **Pablo** » Fri Jan 31, 2020 9:58 am

"position children' must be set to 'floating' or 'shape' otherwise the object is not flexible.

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

www.wysiwygwebbuilder.com

Picture floated responsive by text

Picture floated responsive by text

Re: Picture floated responsive by text

Re: Picture floated responsive by text

Re: Picture floated responsive by text

Re: Picture floated responsive by text

Re: Picture floated responsive by text

Re: Picture floated responsive by text