Extend viewport to show parts of the other masterpages

Question

Extend viewport to show parts of the other masterpages

nwittstruck opened this issue 12 years ago · 7 comments

Hi,

I would like to be able to extend the viewport, so that you can see a bit of the left masterpage and a bit of the right masterpage. Is this somehow possible?

Cheers

Answer 1 · 2012-09-14T09:48:31.000Z

I believe this can be done with just CSS, never tried myself though. I'll give it a try

Answer 2 · 2012-09-16T10:50:15.000Z

Thanks. I've tried changing the width of the pages, but that broke the functionality.

Answer 3 · 2012-09-21T11:16:57.000Z

I've been trying to find out how to do this too! Have you figured it out yet?

Answer 4 · 2012-10-04T08:21:24.000Z

No, not yet. Didn't have time yet.

Answer 5 · 2012-11-07T17:51:14.000Z

Hi Matteo, Did you get a chance to try this out?

Answer 6 · 2012-11-09T10:25:48.000Z

Guys, its damn easy to achieve this with CSS. First apply the following css to the ".swiper" container.

/* !important is required as the SwipeView JS sets this class to hide any overflowing content. */
.swiper {overflow: visible !important}

Also make sure the outer container that holds the Swipeview gallery has enough width set to show the extra content. Example below:

#wrap { width: 280px; overflow: hidden; }
#wrap .swiper {width: 160px; overflow: visible !important}

From the above example, you get to see the active Slide of 160px and the left and right side you get to see a portion of the other two slides.

Hope this helps.

Answer 7 · 2012-11-09T12:55:35.000Z

I'm pretty sure I tried this, but it didn't seem to work back then. It works now! Thx!