Menu
I have a Grid which its Height can grow like this:
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid Name="Grid" Grid.Row="0" Grid.Column="0">
</Grid>
How can I scroll it up-down?
it is a windows phone 8 app.
402
For vertical scrollable bar use the x and y axis. Set the overflow-x:hidden; and overflow-y:auto; that will automatically hide the horizontal scroll bar and present only vertical scrollbar. Here the scroll div will be vertically scrollable.
For horizontal scrollable bar use the x and y-axis. Set the overflow-y: hidden; and overflow-x: auto; that will automatically hide the vertical scroll bar and present only the horizontal scrollbar. The white-space: nowrap; property is used to wrap text in a single line.
You can structure your grid as:
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="120" />
<RowDefinition Height="*" />
<RowDefinition Height="3*" />
<RowDefinition Height="5*" />
</Grid.RowDefinitions>
<Grid>
***content goes here****
</Grid>
<ScrollViewer VerticalScrollBarVisibility="Visible" Grid.Row="1">
*****Put scalable content here*******
</ScrollViewer>
<Grid Grid.Row="0">
***content goes here****
</Grid>
</Grid>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
