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

Layout Grid - Possible multiple questions over time...

Post by Rob »

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.
The Website Guy - MN
Small Business Web Design
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

You can set the padding of the text to create extra spacing.
User avatar
Rob
 
 
Posts: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

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

Post by Rob »

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
The Website Guy - MN
Small Business Web Design
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

You can set the padding for each column individually. The gutter is the same for all columns.
User avatar
Rob
 
 
Posts: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

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

Post by Rob »

Padding for columns - perhaps it's left and right padding I am thinking of then. But got it. Thank you again.
The Website Guy - MN
Small Business Web Design
User avatar
Rob
 
 
Posts: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

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

Post by Rob »

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.
The Website Guy - MN
Small Business Web Design
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

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: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

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

Post by Rob »

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?
The Website Guy - MN
Small Business Web Design
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

The Rollover Text object also supports full width mode.
Most extensions and scriptS also support it.
User avatar
Rob
 
 
Posts: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

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

Post by Rob »

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?
The Website Guy - MN
Small Business Web Design
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

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: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

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

Post by Rob »

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?
The Website Guy - MN
Small Business Web Design
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

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

Post by BaconFries »

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: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

IE partially supports flexbox, however it has (documented) bugs:
https://caniuse.com/#search=flexbox
(see: Known issues)
User avatar
Rob
 
 
Posts: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

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

Post by Rob »

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?
The Website Guy - MN
Small Business Web Design
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

With layout grids the column height cannot be equal unless the content is equal.
That is one of the reasons why flexbox was invented...
User avatar
Rob
 
 
Posts: 179
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

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

Post by Rob »

Cards - Are cards not compatible with IE11? I tried to look it up under "CanIUse" and found no results. What I am seeing in IE11 (and not seeing in other browsers) is extra space at the bottom of the text field - a lot of it. After some experimenting, the image seems to be affecting the space below the text - but again, only in IE11. Thoughts?
The Website Guy - MN
Small Business Web Design
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

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

Post by Pablo »

Cards use flexbox so they may not be fully supported by IE.
Post Reply