ScrollViewer holds Grid controls : ScrollViewer « Containers « Silverlight






ScrollViewer holds Grid controls

ScrollViewer holds Grid controls
    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
        <Canvas x:Name="LayoutRoot" Background="White">
            <ScrollViewer Canvas.Left="60" Canvas.Top="70" Width="250" Height="200" HorizontalScrollBarVisibility="Auto">
                <Grid Background="White" Height="300" Width="400">
                    <Grid.RowDefinitions>
                        <RowDefinition></RowDefinition>
                        <RowDefinition></RowDefinition>
                        <RowDefinition></RowDefinition>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition></ColumnDefinition>
                        <ColumnDefinition></ColumnDefinition>
                        <ColumnDefinition></ColumnDefinition>
                    </Grid.ColumnDefinitions>

                    <Border Background="Gray"></Border>
                    <Border Grid.Column="2" Background="Gray"></Border>
                    <Border Grid.Column="1"  Grid.Row ="1"  Background="Gray"></Border>
                    <Border Grid.Row ="2"  Background="Gray"></Border>
                    <Border Grid.Row ="2"  Background="Gray"></Border>
                    <Border Grid.Column="2"  Grid.Row ="2"  Background="Gray" ></Border>
                </Grid>
            </ScrollViewer>
        </Canvas>
</UserControl>

   
    
    
    
  








Related examples in the same category

1.Providing Scrollable ContentProviding Scrollable Content
2.Creating a ScrollViewerCreating a ScrollViewer
3.ScrollViewer and Big EllipseScrollViewer and Big Ellipse
4.Use ScrollViewer to show an imageUse ScrollViewer to show an image
5.Scroll with ScrollViewerScroll with ScrollViewer