Vertical scrolling in FlipView

Question

Is it possible to do a vertical scroll in a horizontal FlipView?

It seems like the FlipView is preventing the vertical scrolling.

Thanks in advance!

Answer 1

Are you asking whether a FlipView can orient vertically? If so, then you can change the orientation of the FlipView to vertical like the following quickstart does: http://msdn.microsoft.com/en-us/library/windows/apps/hh465425.aspx The FlipView control sample also shows how to toggle between Horizontal and Vertical in Scenario 5. The sample can be downloaded from here: http://code.msdn.microsoft.com/windowsapps/FlipView-control-sample-18e434b4. 

Answer 2

If you want a horizontally flipping FlipView with vertical scrolling content on each "page," then you can do that with some simple HTML & CSS:

<style>
    .scrollPane {
        height: 400px;
        overflow-y: auto;
    }

    .childPane {
        height: 800px;
        background-image: -ms-linear-gradient(bottom, rgb(0,43,255) 0%, rgb(255,0,0) 100%);
    }
</style>
<div class="scrollPane">
    <div class="childPane">
    </div>
</div>

If the child pane ends up being taller than the parent (scrollPane), then it will automatically produce a scroll bar for you.

Answer 3

No, that's not what I'm looking for, i want to let the FlipView scroll horizontal but if the content of a FlipView page is heigher than the height of the FlipView I want to be able to scroll verticaly. :)

Answer 4

I've already tried this, this does show me a scrollbar and i can move it if i click on the bar but i can't use it by scrolling with my mouse.

Answer 5

Ok, I've found the solution, i just had to add the class "win-interactive" to my FlipView so that it captures my scrolling event.