Keep objects stacked in flex grid

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
mashtaytey
 
 
Posts: 38
Joined: Thu Mar 30, 2017 4:40 pm

Keep objects stacked in flex grid

Post 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
mashtaytey
 
 
Posts: 38
Joined: Thu Mar 30, 2017 4:40 pm

Re: Keep objects stacked in flex grid

Post by mashtaytey »

User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Keep objects stacked in flex grid

Post 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.
mashtaytey
 
 
Posts: 38
Joined: Thu Mar 30, 2017 4:40 pm

Re: Keep objects stacked in flex grid

Post by mashtaytey »

yes. but if i share a demo project will it contain the logins for my publishing ftp. passwords ect?
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Keep objects stacked in flex grid

Post by Pablo »

FTP settings or other personal data are not stored in the project file.
mashtaytey
 
 
Posts: 38
Joined: Thu Mar 30, 2017 4:40 pm

Re: Keep objects stacked in flex grid

Post by mashtaytey »

User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Keep objects stacked in flex grid

Post 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.
mashtaytey
 
 
Posts: 38
Joined: Thu Mar 30, 2017 4:40 pm

Re: Keep objects stacked in flex grid

Post by mashtaytey »

ah i didnt know svg were supported - great
When you mean "make the objects flexible" Is this a setting somewhere?
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Keep objects stacked in flex grid

Post 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.
mashtaytey
 
 
Posts: 38
Joined: Thu Mar 30, 2017 4:40 pm

Re: Keep objects stacked in flex grid

Post by mashtaytey »

brilliant thanks!
Post Reply