Layout Grid - Possible multiple questions over time...

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
User avatar
Rob
 
 
Posts: 151
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Layout Grid - Possible multiple questions over time...

Post by Rob » Thu Jan 10, 2019 8:31 pm

If I may ask questions about the layout grid as I start to play with it. My next question is if I have a 2 column set up, left is image and right is text. I’d like the right column to have a gutter or max width, but I want the left column with the image to not have the same gutter or max width (I want the image to go to the edge of the screen – is this possible?

Thank you in advance. I’ll likely have more questions I won’t want to start a new thread on.
Small Business Web Design

User avatar
Pablo
 
Posts: 18941
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Pablo » Thu Jan 10, 2019 9:35 pm

You can set the padding of the text to create extra spacing.

User avatar
Rob
 
 
Posts: 151
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Rob » Thu Jan 10, 2019 9:43 pm

Ok. I appreciate this. I almost wish that when an image (or color) is used as the background of a layout grid column, that were was a choice to include or not include it in the gutter, padding or max width set for that layout grid. Or make it column specific. Not sure if this is possible. Sorry to ask for the world. You and WB is still the best. :-) <3
Small Business Web Design

User avatar
Pablo
 
Posts: 18941
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Pablo » Thu Jan 10, 2019 9:44 pm

You can set the padding for each column individually. The gutter is the same for all columns.

User avatar
Rob
 
 
Posts: 151
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Rob » Thu Jan 10, 2019 9:47 pm

Padding for columns - perhaps it's left and right padding I am thinking of then. But got it. Thank you again.
Small Business Web Design

User avatar
Rob
 
 
Posts: 151
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Rob » Sun Jan 13, 2019 9:51 pm

Next question - what object can be used to proportionately crop an image that can go inside a layout grid. I truly wish "layers" would work inside a layout grid. On that note, if I simply set the background of the layout grid to an image - other than a shape overtop, how do I turn this into a clickable link?

Same question for maps - besides an image, how do I set a column of a layout gride to be a scrollable map that has goes from edge to edge?

Thank you for your time.
Small Business Web Design

User avatar
Pablo
 
Posts: 18941
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Pablo » Mon Jan 14, 2019 6:50 am

Layers are fixed/absolute object containers so they cannot be used inside a layout grid. That defeats the purpose of the layout grid.
To set an image edge-to -edge , use 'full width' property.
Objects cannot be layered on top of each other when they are floating

Related tutorial:
http://www.wysiwygwebbuilder.com/layout_modes.html

User avatar
Rob
 
 
Posts: 151
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Rob » Mon Jan 14, 2019 2:02 pm

Understood on images, I saw that. Thank you. Anyway in future editions that rollover text object can do the same?

Thoughts on maps / html objects being able to go edge to edge without padding?
Small Business Web Design

User avatar
Pablo
 
Posts: 18941
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Pablo » Mon Jan 14, 2019 2:51 pm

The Rollover Text object also supports full width mode.
Most extensions and scriptS also support it.

User avatar
Rob
 
 
Posts: 151
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Rob » Wed Jan 16, 2019 3:07 pm

in future editions, is there anyway to perhaps set the background of a layout grid to a url or html object so it stretches from edge to edge?
Small Business Web Design

User avatar
Pablo
 
Posts: 18941
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Pablo » Wed Jan 16, 2019 4:43 pm

If you add custom code then you will have to modify the code to make it edge-to-edge/
The software does not know how your code works so it cannot make these modifications for you.

User avatar
Rob
 
 
Posts: 151
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Rob » Sun Jan 20, 2019 3:33 pm

So I emailed Pablo about how to ensure the layout grid can be centered both horizontally and vertically. He said - set to FlexBox as opposed to css grid. I double checked that FlexBox was supported by IE11 and above where css grid is supported by IE10 and above. Correct me if I am wrong...

Next question - I am trying to find the ready to use js where if the visitor is using an unsupported browser, they are notified to upgrade and / or to call the business owner for more information on their products & services.

Thoughts?
Small Business Web Design

User avatar
BaconFries
 
 
Posts: 4642
Joined: Thu Aug 16, 2007 7:32 pm

Re: Layout Grid - Possible multiple questions over time...

Post by BaconFries » Sun Jan 20, 2019 4:03 pm

Dont think there is Ready-to-use-Javascript for this. But a Google search gave me the following
https://www.google.com/search?q=browser ... e&ie=UTF-8

User avatar
Pablo
 
Posts: 18941
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Pablo » Sun Jan 20, 2019 4:11 pm

IE partially supports flexbox, however it has (documented) bugs:
https://caniuse.com/#search=flexbox
(see: Known issues)

User avatar
Rob
 
 
Posts: 151
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: Layout Grid - Possible multiple questions over time...

Post by Rob » Tue Jan 22, 2019 1:16 am

Ok - layout grid, 2 columns, left column is an image set as the background (0 padding 0 gutter), the right is text. What settings are needed for the height of both columns to be equal - that which is the right including padding set top and bottom? Currently I am using default grid system, fixed height, and a transparent shape on the image side so that the column doesn't collapse after the breakpoint set making the layout grid vertical. What's the trick, what am I missing? Thoughts?
Small Business Web Design

Post Reply