SwipeView icon indicating copy to clipboard operation
SwipeView copied to clipboard

Extend viewport to show parts of the other masterpages

Open nwittstruck opened this issue 13 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

nwittstruck avatar Sep 14 '12 09:09 nwittstruck

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

cubiq avatar Sep 14 '12 09:09 cubiq

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

nwittstruck avatar Sep 16 '12 10:09 nwittstruck

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

generator85 avatar Sep 21 '12 11:09 generator85

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

nwittstruck avatar Oct 04 '12 08:10 nwittstruck

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

maheshbabu avatar Nov 07 '12 17:11 maheshbabu

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.

maheshbabu avatar Nov 09 '12 10:11 maheshbabu

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

generator85 avatar Nov 09 '12 12:11 generator85