Page 1 of 1

Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 2:42 pm
by mashtaytey
Hi Pablo
I'm having difficulty with this one.

***I want to send you the small project file - but does the project file save my published FTP login details and password?
Not keen on making the download public! let me know, please.......

Flex grid.
First of all, I can only keep the revival logo SVG on top of the text if I extend out the text frame beneath it.
but when I reduce the width in the browser the wrapped objects stop moving (i think because of the extended text frame)
And when I go super wide in the browser the revival SVG logo jumps to the left

How do I keep both SVG & text objects stacked on top of each other at any width?
And how do I keep both objects following the width of the browser?
Thanks

Re: Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 2:54 pm
by mashtaytey

Re: Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 3:03 pm
by Pablo
I cannot see what you have done based on the published page.
If you need help then please share a demo project.

Note: I do not need the complete project. I only need a small demo, with one page and the elements relevant to your question.

Re: Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 3:07 pm
by mashtaytey
yes. but if i share a demo project will it contain the logins for my publishing ftp. passwords ect?

Re: Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 3:10 pm
by Pablo
FTP settings or other personal data are not stored in the project file.

Re: Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 3:11 pm
by mashtaytey

Re: Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 3:47 pm
by Pablo
Firstly, why are you using the SVG extension?
WWB16 has built-in support for SVG.

The elements on your page have a fixed size ('full width' is set to 'false'), if you make the browser window smaller then eventually this will 'break' the layout.
So, you will have to add breakpoints for smaller views or make the objects flexible.

Re: Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 4:01 pm
by mashtaytey
ah i didnt know svg were supported - great
When you mean "make the objects flexible" Is this a setting somewhere?

Re: Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 5:12 pm
by Pablo
For objects inside a layout grid you can make object flexible by enabling 'full width'
For flexbox object you can use flexgrow and flex shrink.

Re: Keep objects stacked in flex grid

Posted: Tue Apr 27, 2021 9:04 pm
by mashtaytey
brilliant thanks!