YouTube like carousel

[janez72]

I'd like to have a carousel similar as YouTube is designed.
Meaning, right side - thumbnails - should have fixed height with scrollbars.

The setup is, of course, in a responsive layout grid (2 parts).
The left side is carousel (or YouTube embed or any other media element)
Thumbnails are right, but can't figure out the best way to keep these only to a certain fixed height (and add scrollbars).
I tried many combinations, but none worked.
Except for putting in an iFrame. But frames are not advisable (by Google).

Any suggestions?

Unite Gallery works ok, but goes only to a certain width in full width mode (standard layout)?
And can't put in any text in thumbnails.

[Pablo]

Maybe you can use a layer? If you set 'overflow' to scroll' then it will have a scrollbar.

[wwonderfull]

Would this help?
http://www.wysiwygwebbuilder.com/suppor ... paper.html


Although I recommend you to use layout grids. Its easy and responsive for smartphones.

[janez72]

I want to have a floating design, using layout grids.
Layers don't fit into layout grid. This would otherwise be a solution.
iFrame is so far the only way I see.

I know this theme - but I'm taklking about a lot of thumnails on right, therefore the height must be limited and scrollbars needed.

[Pablo]

With layout grids, you can do it with custom code (Page HTML -> Between Head tags)

Code: Select all

<style>
#LayoutGrid1 .col-2
{
  overflow-y: scroll;
  max-height: 250px;
}
</style>

where
'LayoutGrid1' is the ID of the layout grid
'col-2' is the second column

[wwonderfull]

Nice one pablo, you should show us some more tricks with custome code in some new templates. Brilliant technique.

[janez72]

Thanks for the code, great.