Layout Grid and Slide Show: only Full Width in Browser

[jazztime]

Hello,

I would like to use a picture slide show (fade effect) in layout grid for the responsive design and have tested different variants such as various sliders and swipers for the image sequence.
However, the same error occurs again and again: as soon as I set the value “Full Width” to “True” in the slider setting for a responsive function, the slider window is always displayed with the full browser width and the set value for “Maximum Width” (here 1000px) is ignored.
This happens as soon as the image change is set as “Fade”. With “Sequence”, on the other hand, it works. But I need the “Fade” with a maximum width of 1000px...

The alternative extension “Flex Slider” does not work either, there is no setting for the maximum width, it is always zoomed to full browser width with “Full Width”.

I had upgraded from Webbuilder version 18 to 20 in the hope that the responsive design would work better there, but unfortunately this is not the case, or I just can't find the right setting.

What else can I do?

Many Thanks
Holger

[Pablo]

It seems to be working for me.
However, it may be better to set the maximum width for the layout grid because then the size is controlled by the layout grid, and not by JavaScript.

If you need further assistance, then please provide a DEMO project so I can see what you have done.

[jazztime]

No, the full browser width of the slider does not really fit properly here visually...

"...seems to be working" means that it is normal for the slider not to allow a width limit in fade mode?

[Pablo]

I meant, I have tried it myself and it works for me.

Step 1
Add a layout grid

Step 2
Add slideshow, set to fade

Step 3
Control the max width via the layout grid, not via the Slideshow.

If you need further assistance, then please provide a DEMO project so I can see what you have done.

[jazztime]

Hi Pablo,
yes, that would be possible, but then the width of the complete grid would be limited. But the grid should cover the entire browser width because it has an image background.

I would simply like the slider function to work with swiper/fade in the same way as with Sequence.

[Pablo]

No, it only affects the content of the grid. The background will still be full width if you set the max-width of the layout grid.
Also, even this would not be possible, then you can also use a nested grid. But I have tried and it works for me.

Swiper does not have a max-width option. You will need to set this for the container.

[jazztime]

It works, thanks... my mistake: i've set the background image of column instead of grid.