RE: card in layout grid not stacking

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
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

RE: card in layout grid not stacking

Post by keydog »

trying to use a layout grid with cards
I want the cards to stack once down to mobile size but they slim up and stay next to each other

layout grid set to 4 columns
overflow : none
layout: fluid
breakpoint 480
column height: auto
position: floating
alan_sh
 
 
Posts: 1830
Joined: Tue Jan 01, 2019 5:50 pm

Re: RE: card in layout grid not stacking

Post by alan_sh »

Make the breakpoint larger
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

Re: RE: card in layout grid not stacking

Post by keydog »

that worked

thanks
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

Re: RE: card in layout grid not stacking

Post by keydog »

on this same layout grid, having trouble with getting the cards to line up at the bottom

I have tried to adjust the padding but still displays unevenly at the bottom of the cards
using 4 cards
User avatar
Pablo
 
Posts: 23239
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: RE: card in layout grid not stacking

Post by Pablo »

If the cards are inside a layout grid, then you can use the min-height property to give them all the same height.
Or you can place the cards inside a card container, then they will automatically have the same height.

https://wysiwygwebbuilder.com/cards.html
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

Re: RE: card in layout grid not stacking

Post by keydog »

where is this minimum height setting
I see a max width setting but nothing in the flex grid properties that is for the height

I did read the help page several times
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

Re: RE: card in layout grid not stacking

Post by keydog »

sorry I meant in the layout grid not flex grid
User avatar
crispy68
 
 
Posts: 3001
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: RE: card in layout grid not stacking

Post by crispy68 »

I believe Pablo is referring to the card not the layout grid
User avatar
Pablo
 
Posts: 23239
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: RE: card in layout grid not stacking

Post by Pablo »

I believe Pablo is referring to the card not the layout grid
Correct, you will have to set the min-height for the card. This can be done via the flexbox properties.
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

Re: RE: card in layout grid not stacking

Post by keydog »

I don't this setting for a height
I looked in the card , and in the lay out grid
them went to a flexgrid still don't see a height setting

all I see are width settings
User avatar
Pablo
 
Posts: 23239
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: RE: card in layout grid not stacking

Post by Pablo »

I am referring to the flex box settings of the card.

Image
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

Re: RE: card in layout grid not stacking

Post by keydog »

ok
I stitch over to a flex box from a layout grid
I don't have these setting in my software, either in the flex container , or in the card settings
where is this setting supposed to be found
Im using wb17
User avatar
Pablo
 
Posts: 23239
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: RE: card in layout grid not stacking

Post by Pablo »

Image
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

Re: RE: card in layout grid not stacking

Post by keydog »

yeah that picture is from the help page
I don't have that

that's what I was asking where are these height settings you were talking about



and there is now way to make these (cards) line up correctly with a layout grid?

3 days of messing with this and getting no place
User avatar
Pablo
 
Posts: 23239
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: RE: card in layout grid not stacking

Post by Pablo »

Maybe you have enabled 'Easy Mode'? That will hide advanced options.
viewtopic.php?t=90479

What does you screen look like?
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

Re: RE: card in layout grid not stacking

Post by keydog »

no Its not in easy mode

I don't see a way on here to post an attachment (screen snip) here to show you the screen
alan_sh
 
 
Posts: 1830
Joined: Tue Jan 01, 2019 5:50 pm

Re: RE: card in layout grid not stacking

Post by alan_sh »

You have to put the picture on a sharable site (e.g dropbox) and then provide a link to it here.
User avatar
Pablo
 
Posts: 23239
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: RE: card in layout grid not stacking

Post by Pablo »

I can ensure you that you also have this option.
If the software is not not in easy mode then the option can be found in the Arrange menu.
It is also available via the context menu (flexbox menu item).
And via the Properties Inspector (flexbox command)
keydog
 
 
Posts: 196
Joined: Mon Aug 17, 2020 7:47 pm

Re: RE: card in layout grid not stacking

Post by keydog »

thank you for the response Pablo
I will give those other options a try later today
Post Reply