Carousel image resizing

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
fochardo
 
 
Posts: 84
Joined: Wed Jan 11, 2012 8:10 pm

Carousel image resizing

Post by fochardo » Sun Aug 20, 2017 7:36 pm

I not see way to Carousel resize the images for diferent screen sizes. I try with all options and only does it is crop the images. Not use breakpoint either Block Container or Layout Grid. I see that with SlideSlow object and other exensions the resize image work fine.

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

Re: Carousel image resizing

Post by Pablo » Sun Aug 20, 2017 7:57 pm

The Carousel object is a container for other objects. It does not resize its contents.

To learn more how to use the Carousel please read this related tutorial:
http://wysiwygwebbuilder.com/carousel.html

fochardo
 
 
Posts: 84
Joined: Wed Jan 11, 2012 8:10 pm

Re: Carousel image resizing

Post by fochardo » Mon Aug 21, 2017 6:39 am

Other containers how Block Container or Layout Grid if they resize the images inside. Then the carousel become not full responsive, because not show the same content in diferent screen sizes.

How can make it responsive with image resizing, maybe inside of Block container or Layout Grid, or by using breakpoint...? It's possible.
Some suggestions. Thanks.

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

Re: Carousel image resizing

Post by Pablo » Mon Aug 21, 2017 7:13 am

A Carousel is responsive, but its contents is not flexible. You can use breakpoints to adjust the content of the Carousel for different viewports.
To make a Carousel part of a floating layout (with layout grid) you can set the Carousel to 'floating' mode.
A Carousel is a (fixed size) container so it cannot be inside layoutgrid.

Examples:
http://www.wysiwygwebbuilder.com/suppor ... works.html
http://www.wysiwygwebbuilder.com/suppor ... eejay.html
http://www.wysiwygwebbuilder.com/suppor ... vices.html

informer
 
 
Posts: 119
Joined: Tue Nov 19, 2013 5:34 pm

Re: Carousel image resizing

Post by informer » Mon Jan 15, 2018 9:32 am

Hi ,

I try also to embedded a Carousel inside a layoutGrid but no success.

Image

So I read this post and try to do as below
To make a Carousel part of a floating layout (with layout grid) you can set the Carousel to 'floating' mode.
But I didn't find where in Carousel properties panel, we can set floating mode?

Image

Thanks for your help

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

Re: Carousel image resizing

Post by Pablo » Mon Jan 15, 2018 10:06 am

A Carousel is a (fixed) container itself, it cannot be used inside a layout grid.
But you can use a Carousel in combination in with layout grids by using Full width->Full width/floating.

Examples:
http://www.wysiwygwebbuilder.com/suppor ... works.html
http://www.wysiwygwebbuilder.com/suppor ... eejay.html
http://www.wysiwygwebbuilder.com/suppor ... vices.html

Also note that layout grid should not be inside a flexbox container. That does not make any sense...

Post Reply

Who is online

Users browsing this forum: Bluesman and 10 guests