Layout Grid - Possible multiple questions over time...
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
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
Layout Grid - Possible multiple questions over time...
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.
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
Small Business Web Design
Re: Layout Grid - Possible multiple questions over time...
You can set the padding of the text to create extra spacing.
Re: Layout Grid - Possible multiple questions over time...
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
![Smile :-)](./images/smilies/icon_smile.gif)
The Website Guy - MN
Small Business Web Design
Small Business Web Design
Re: Layout Grid - Possible multiple questions over time...
You can set the padding for each column individually. The gutter is the same for all columns.
Re: Layout Grid - Possible multiple questions over time...
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
Small Business Web Design
Re: Layout Grid - Possible multiple questions over time...
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.
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
Small Business Web Design
Re: Layout Grid - Possible multiple questions over time...
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
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
Re: Layout Grid - Possible multiple questions over time...
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?
Thoughts on maps / html objects being able to go edge to edge without padding?
The Website Guy - MN
Small Business Web Design
Small Business Web Design
Re: Layout Grid - Possible multiple questions over time...
The Rollover Text object also supports full width mode.
Most extensions and scriptS also support it.
Most extensions and scriptS also support it.
Re: Layout Grid - Possible multiple questions over time...
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
Small Business Web Design
Re: Layout Grid - Possible multiple questions over time...
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.
The software does not know how your code works so it cannot make these modifications for you.
Re: Layout Grid - Possible multiple questions over time...
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?
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
Small Business Web Design
- BaconFries
-
- Posts: 5369
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Layout Grid - Possible multiple questions over time...
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
https://www.google.com/search?q=browser ... e&ie=UTF-8
Re: Layout Grid - Possible multiple questions over time...
IE partially supports flexbox, however it has (documented) bugs:
https://caniuse.com/#search=flexbox
(see: Known issues)
https://caniuse.com/#search=flexbox
(see: Known issues)
Re: Layout Grid - Possible multiple questions over time...
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
Small Business Web Design
Re: Layout Grid - Possible multiple questions over time...
With layout grids the column height cannot be equal unless the content is equal.
That is one of the reasons why flexbox was invented...
That is one of the reasons why flexbox was invented...
Re: Layout Grid - Possible multiple questions over time...
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
Small Business Web Design
Re: Layout Grid - Possible multiple questions over time...
Cards use flexbox so they may not be fully supported by IE.