Skip to main content
Latest news: [[ newestAnnouncement.title ]] Learn more
InVision Support Home Page
Sign in
InVision ambassador ambassador
Patrick
Patrick Updated

Studio: Carousel with horizontal scrolling?

How do I create a carousel with horizontal scrolling on either the web app or in Studio? If so, how?

This post is associated with a known feature request: [[ problemTicketSubject ]]. Let our Product team know that you’re interested in this feature.

Sign in to add your vote

Thanks for taking the time to share your feedback about making our product better. We’ve let our Product team know that you’re interested in this feature so they can factor that into their product strategy.

16

comments

Sort by

official comment

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador Edited

Hi Patrick,

Unfortunately, this is not a feature available at this time for Studio. It appears as if our teams are already tracking interest for this functionality! I will open a ticket on your behalf in order to add your vote to this feature.

You can, however, add carousel-like functionality to your Mobile Prototypes by doing an animation in something like After Effects and upload animated gifs. Then use a swipe right hotspot to transition to the screen with the carousel scrolled horizontally with the scroll animation included. Please feel free to read more here.

Thanks,

Shaina

If anybody else would like to add their vote for this feature, please contact Support here and voice your opinion!

Ann B.
InVision ambassador Ann B. , ambassador

I made a horizontally scrollable carousel for mobile. 

1. Create a couple cards that are going to horizontally scroll

2. Create an artboard with each frame of the carousel (first artboard might show card 1 and part of card 2, the next artboard will show all of card 2 and part of card 1 and 3)

3. On each card set up a swipe left and swipe right interaction to go to the next artboard. 

2
Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador

Hi Ann,

Thank you very much for chiming in on this thread and providing a workaround for other users looking for this functionality. It is so awesome to have such helpful users like you in this Community!

Have a wonderful day,

Shaina

0
Delacruz Designing
InVision ambassador Delacruz Designing , ambassador

@Patrick,  the animation tutorial on the Launcher page should give you an idea how to do this.

-3

join the conversation

To comment, sign up or sign in.