# scroll view doesn't work with Social media example sidebar

**URL:** <https://forums.fusetools.com/t/scroll-view-doesnt-work-with-social-media-example-sidebar/3204>\
**Category:** General\
**Created:** [August 24, 2017, 2:42am UTC](https://forums.fusetools.com/t/scroll-view-doesnt-work-with-social-media-example-sidebar/3204 "2017-08-24T02:42:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Williams](https://avatars.discourse-cdn.com/v4/letter/w/f1d935/32.png) [@Williams](https://forums.fusetools.com/u/Williams)\
**Post date:** [August 24, 2017, 2:42am UTC](https://forums.fusetools.com/t/scroll-view-doesnt-work-with-social-media-example-sidebar/3204/1 "2017-08-24T02:42:07Z")

</div>

scroll view doesn’t work with Social media example sidebar. is there a way i can make it scroll when i have more meun in the side bar.  
And i have tried all i knw. quick response will be appreciated

---

<div class="post-metadata">

**Author:** ![phuongwd](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/phuongwd/32/431_2.png) [@phuongwd](https://forums.fusetools.com/u/phuongwd)\
**Post date:** [August 24, 2017, 5:19am UTC](https://forums.fusetools.com/t/scroll-view-doesnt-work-with-social-media-example-sidebar/3204/2 "2017-08-24T05:19:20Z")

</div>

@Williams:

There is a way: use `Grid` class.

#### Full code:

```auto
<Grid Rows="auto,1*" ux:Class="Sidebar" Background="#212831">
	<WhileInactive Threshold="0.4">
		<Move Target="user" X="-180" Duration="0.2" Delay="0.3" Easing="CircularIn" />
		<Move Target="stats" X="-180" Duration="0.2" Delay="0.2" Easing="CircularIn" />
		<Move Target="browser" X="-180" Duration="0.2" Delay="0.15" Easing="CircularIn" />
		<Move Target="feed" X="-180" Duration="0.2" Delay="0.1" Easing="CircularIn" />
		<Move Target="chat" X="-180" Duration="0.2" Delay="0.05" Easing="CircularIn" />
		<Move Target="chat1" X="-180" Duration="0.2" Delay="0.05" Easing="CircularIn" />
		<Move Target="chat2" X="-180" Duration="0.2" Delay="0.05" Easing="CircularIn" />
		<Move Target="chat3" X="-180" Duration="0.2" Delay="0.05" Easing="CircularIn" />
		<Move Target="chat4" X="-180" Duration="0.2" Delay="0.05" Easing="CircularIn" />
	</WhileInactive>

	<StackPanel>
		<Text ux:Class="Username" TextAlignment="Center" FontSize="18" Color="#fff" Margin="0,8,0,0">
		<Font File="assets/fonts/AlegreyaSans-Bold.otf" />
		</Text>
		<Text ux:Class="Stats" TextAlignment="Center" FontSize="16" Color="#fed166" />
		<Text ux:Class="Relations" TextAlignment="Center" FontSize="11" Color="#414f5e" />
		<Text ux:Class="MenuLabel" TextAlignment="Center" FontSize="18" Color="#414f5e" Margin="0,0,0,0">
			<Font File="assets/fonts/Lato-Bold.ttf" />
		</Text>

		<StatusBarBackground Background="#909498" />

		<StackPanel ux:Name="user">
			<Panel Height="90" />
			<Circle Width="85" Height="85">
				<ImageFill Url="http://az664292.vo.msecnd.net/files/B2MmOFAy2wjpUo71-model-045.jpg" WrapMode="ClampToEdge"/>
			</Circle>
			<Username>EDWARD PRICE</Username>
		</StackPanel>

		<Grid ux:Name="stats" Alignment="HorizontalCenter" ColumnCount="3" Margin="0,10,0,15">
			<StackPanel Width="70">
				<Stats>2,342</Stats>
				<Relations>Followers</Relations>
			</StackPanel>
			<Rectangle Height="40" Width="1">
				<SolidColor Color="#414f5e" />
			</Rectangle>
			<StackPanel Width="70">
				<Stats>3,735</Stats>
				<Relations>Following</Relations>
			</StackPanel>
		</Grid>

	</StackPanel>
	<Image ux:Class="SidebarIcon" Height="22" Width="22" Margin="0,24,0,9" Color="#7a96b2" />
	<ScrollView>
		<StackPanel>
			<StackPanel ux:Name="browser">
				<SidebarIcon File="assets/icon/Browser.png" />
				<MenuLabel>NEWS</MenuLabel>
			</StackPanel>
			<StackPanel ux:Name="feed">
				<SidebarIcon File="assets/icon/Feed.png" />
				<MenuLabel>FEED</MenuLabel>
			</StackPanel>
			<StackPanel ux:Name="chat">
				<SidebarIcon File="assets/icon/Chat.png" />
				<MenuLabel>CHAT</MenuLabel>
			</StackPanel>
			<StackPanel ux:Name="chat1">
				<SidebarIcon File="assets/icon/Chat.png" />
				<MenuLabel>CHAT</MenuLabel>
			</StackPanel>
			<StackPanel ux:Name="chat2">
				<SidebarIcon File="assets/icon/Chat.png" />
				<MenuLabel>CHAT</MenuLabel>
			</StackPanel>
			<StackPanel ux:Name="chat3">
				<SidebarIcon File="assets/icon/Chat.png" />
				<MenuLabel>CHAT</MenuLabel>
			</StackPanel>
			<StackPanel ux:Name="chat4">
				<SidebarIcon File="assets/icon/Chat.png" />
				<MenuLabel>CHAT End</MenuLabel>
			</StackPanel>
		</StackPanel>
	</ScrollView>
</Grid>

```

---

<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:** [August 24, 2017, 9:36am UTC](https://forums.fusetools.com/t/scroll-view-doesnt-work-with-social-media-example-sidebar/3204/3 "2017-08-24T09:36:13Z")

</div>

@Williams: `scroll view doesn't work` is something that asks for you to explain _how_ it does not work, and include a complete, minimal reproduction of the code you’ve written.

Come back with that and we’ll sort it out in no time.

---

<div class="post-metadata">

**Author:** ![Williams](https://avatars.discourse-cdn.com/v4/letter/w/f1d935/32.png) [@Williams](https://forums.fusetools.com/u/Williams)\
**Post date:** [August 25, 2017, 9:00pm UTC](https://forums.fusetools.com/t/scroll-view-doesnt-work-with-social-media-example-sidebar/3204/4 "2017-08-25T21:00:14Z")

</div>

@phuongwd Thank u very much and God bless u. Ur answer was pefect.  
and @Uldis Thank u also u guys rock