# Netflix style (two dimensional scroll)

**URL:** <https://forums.fusetools.com/t/netflix-style-two-dimensional-scroll/5797>\
**Category:** How-to Discussions\
**Created:** [September 14, 2016, 2:27pm UTC](https://forums.fusetools.com/t/netflix-style-two-dimensional-scroll/5797 "2016-09-14T14:27:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fede\_Ratier](https://avatars.discourse-cdn.com/v4/letter/f/c68b51/32.png) [@Fede\_Ratier](https://forums.fusetools.com/u/Fede_Ratier)\
**Post date:** [September 14, 2016, 2:27pm UTC](https://forums.fusetools.com/t/netflix-style-two-dimensional-scroll/5797/1 "2016-09-14T14:27:43Z")

</div>

Hi!  
I’m having some problems figuring out how to achieve the Netflix style of two dimensional scrolls…  
At first I thought about having  
ScrollView inside of other ScrollView but they can’t be nested (apparently).  
Now I’m trying different formulas but can’t seem to achieve it.

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [September 14, 2016, 3:15pm UTC](https://forums.fusetools.com/t/netflix-style-two-dimensional-scroll/5797/2 "2016-09-14T15:15:06Z")

</div>

Hey there Yo!

Could be that it’s a thing about orientations and allowed scroll directions.

It’s totally doable and works like a charm, here’s an example.

```auto
<App Background="#4c8ddf">
	<Panel>
		<ScrollView AllowedScrollDirections="Vertical" Padding="3">
			<StackPanel ItemSpacing="3">
				<Each Count="7">
					<ScrollView AllowedScrollDirections="Horizontal">
						<StackPanel Height="150" Orientation="Horizontal" ItemSpacing="3">
							<Each Count="10">
								<Panel Width="100" Background="#fffa" />
							</Each>
						</StackPanel>
					</ScrollView>
				</Each>
			</StackPanel>
		</ScrollView>
	</Panel>
</App>

```

---

<div class="post-metadata">

**Author:** ![Fede\_Ratier](https://avatars.discourse-cdn.com/v4/letter/f/c68b51/32.png) [@Fede\_Ratier](https://forums.fusetools.com/u/Fede_Ratier)\
**Post date:** [September 14, 2016, 3:31pm UTC](https://forums.fusetools.com/t/netflix-style-two-dimensional-scroll/5797/3 "2016-09-14T15:31:16Z")

</div>

I love you.

---

<div class="post-metadata">

**Author:** ![Fede\_Ratier](https://avatars.discourse-cdn.com/v4/letter/f/c68b51/32.png) [@Fede\_Ratier](https://forums.fusetools.com/u/Fede_Ratier)\
**Post date:** [September 14, 2016, 3:31pm UTC](https://forums.fusetools.com/t/netflix-style-two-dimensional-scroll/5797/4 "2016-09-14T15:31:53Z")

</div>

It would be awesome to mark reply’s as answers