How to set how many cards in a column at the breakpoint

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
Spinner
 
 
Posts: 51
Joined: Tue Nov 18, 2014 6:05 pm

How to set how many cards in a column at the breakpoint

Post by Spinner »

I have the card container with six cards in it, it set for a card deck with equal height cards.
How do I determine how many cards are in a column at the breakpoint?
I wanted it to be three wide on top of three wide.

Then as a follow-up question I see a breakpoint setting in the card container as well as in each individual card, what is the relationship there?
User avatar
crispy68
 
 
Posts: 3128
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: How to set how many cards in a column at the breakpoint

Post by crispy68 »

Set your card container to 'grid'. In default view, set the column count to 6. Then go to your page breakpoint, open the card container and set the column count to 3. I find that 'grid' is more useful if you want to change the number of columns in multiple breakpoints.

As for the breakpoint option when using 'card deck'. This specifies when to switch from horizontal to vertical layout. Example, if you select 768 as the breakpoint, then your card container will be horizontal until it reaches 768px and then it will flip to vertical causing your cards to stack vertically.
Spinner
 
 
Posts: 51
Joined: Tue Nov 18, 2014 6:05 pm

Re: How to set how many cards in a column at the breakpoint

Post by Spinner »

Thanks crispy,
that works well and as expected.
Is there a way to keep the images in aspect ratio as the columns are being compressed?
User avatar
crispy68
 
 
Posts: 3128
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: How to set how many cards in a column at the breakpoint

Post by crispy68 »

They should already scale and keep their aspect ratio when an image is added to the card. Width and height should be blank.
Spinner
 
 
Posts: 51
Joined: Tue Nov 18, 2014 6:05 pm

Re: How to set how many cards in a column at the breakpoint

Post by Spinner »

Okay I did have numbers in the height and width, I took those out and scaling problem fixed itself.
So what determines the size of an image then?
User avatar
crispy68
 
 
Posts: 3128
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: How to set how many cards in a column at the breakpoint

Post by crispy68 »

If you're wanting an image to scale , you can't set a fixed width and height. It will increase and decrease based on the size of the container, In this case the card.
Spinner
 
 
Posts: 51
Joined: Tue Nov 18, 2014 6:05 pm

Re: How to set how many cards in a column at the breakpoint

Post by Spinner »

OK
Post Reply