Page 1 of 1

Slide show in layout grid

Posted: Thu Sep 12, 2024 8:09 pm
by girija.mahapatra
I am trying to put a Slideshow inside Layout Grid , Type=Sequence, Full Width=True (I need sequence only, Not "Conveyer")

1. The images are not contained to the same height when the Slideshow is inside the Layout Grid.
2. The navigation arrows are not centered in the preview page.
3. The images overflow vertically according to their vertical height, not contained.

For comparision, I put the slideshow inside a layer and it behave perfectly as below.
1. Image height is contained irrespective of the actual size of each image.
2. Navigation buttons are centered.

Problem is, I CAN'T add Layout grids once I add a layer. That is beyond my expertise. And I am rebuilding my whole website using Layout grid ONLY after Pablo's advise.

Project link: https://drive.google.com/drive/folders/ ... sp=sharing
Image Folder: https://docs.google.com/document/d/1KBi ... ue&sd=true

Regards

Re: Slide show in layout grid

Posted: Fri Sep 13, 2024 5:57 am
by Pablo
There are a few issues:
- The images are not the same size, preventing accurate aspect ratio calculations. As a result, the navigation buttons are positioned incorrectly. The first image is used as a reference for all calculations to avoid abrupt transitions between images.
- The layout grid's column height is fixed, which restricts the slideshow from expanding when the grid width increases.

Note: If you want a slide show with (cropped) images which have different heights like you did with the layer, then use a carousel with background images instead.

Re: Slide show in layout grid

Posted: Fri Sep 13, 2024 3:22 pm
by girija.mahapatra
Interestingly, a Layer takes care of different image sizes inside a Slideshow dynamically and maintains the display size while a Layout Grid does not.

Is there a way I can use a Layout grid after a Layer ? I mean can we use Layout Grid and Layers simultaneously inside a page ?

Whenever I add a Layout grid after Layer, it goes to the top of the page.

Regards

Re: Slide show in layout grid

Posted: Fri Sep 13, 2024 5:02 pm
by Pablo
The difference is that a layer a fixed/absolute layout container. So, its content has a fixed size.

You can make a layer floating by setting the mode to 'floating layer'

You can rearrange floating containers with the arrange tools.

Re: Slide show in layout grid

Posted: Fri Sep 13, 2024 5:59 pm
by girija.mahapatra
Thanks a ton Pablo, exactly what I needed.

Setting: Layer Mode = Floating Layer, Floating Mode = Full Width, Relative Horizontal Sizing and Vertical Sizing = Checked, Position children = floating
solved the problem and I can add Layout grids below that Layer.

The layer behaves just like a Layout Grid.

Thanks a ton,
Cheers