locked
pivot item not scrolling RRS feed

  • Question

  • Hi - How do I scroll vertically for a particular pivot item in a pivot page? ScrollViewer doesn't seem to be doing the magic. Take for example my "Top Issues" pivit ion my xaml page.

    <phone:PhoneApplicationPage
        x:Class="O365_Content_App.testPivot"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
        xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        FontFamily="{StaticResource PhoneFontFamilyNormal}"
        FontSize="{StaticResource PhoneFontSizeNormal}"
        Foreground="{StaticResource PhoneForegroundBrush}"
        SupportedOrientations="PortraitOrLandscape"  Orientation="Portrait"
        shell:SystemTray.IsVisible="True"
        ApplicationBar = "{StaticResource EmbeddedAppBar}">
        <phone:PhoneApplicationPage.Resources>
            <Style x:Key="PhoneButtonBase" TargetType="ButtonBase">
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
                <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
                <Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
                <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
                <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/>
                <Setter Property="Padding" Value="5,1,5,3"/>
                <!--<Setter Property="Padding" Value="10,5,10,6"/>-->
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ButtonBase">
                            <Grid Background="Transparent">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="MouseOver"/>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneButtonBasePressedForegroundBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneAccentBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}">
                                    <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                </Border>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            <Style x:Key="PhoneRadioButtonCheckBoxBase" BasedOn="{StaticResource PhoneButtonBase}" TargetType="ToggleButton">
                <Setter Property="Background" Value="{StaticResource PhoneRadioCheckBoxBrush}"/>
                <Setter Property="BorderBrush" Value="{StaticResource PhoneRadioCheckBoxBorderBrush}"/>
                <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/>
                <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/>
                <Setter Property="HorizontalContentAlignment" Value="Left"/>
                <Setter Property="VerticalContentAlignment" Value="Center"/>
                <Setter Property="Padding" Value="0"/>
            </Style>
            <Style x:Key="RadioButtonStyle1" BasedOn="{StaticResource PhoneRadioButtonCheckBoxBase}" TargetType="RadioButton">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="RadioButton">
                            <Grid Background="Transparent">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="MouseOver"/>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckBackground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneRadioCheckBoxPressedBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckMark">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneButtonBasePressedForegroundBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="CheckBackground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckMark">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="CheckStates">
                                        <VisualState x:Name="Checked">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="CheckMark">
                                                    <DiscreteObjectKeyFrame KeyTime="0">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <Visibility>Visible</Visibility>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unchecked"/>
                                        <VisualState x:Name="Indeterminate"/>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid Margin="{StaticResource PhoneTouchTargetLargeOverhang}">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="32"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                    <Ellipse x:Name="CheckBackground" Fill="{TemplateBinding Background}" HorizontalAlignment="Left" Height="24" IsHitTestVisible="False" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{StaticResource PhoneStrokeThickness}" VerticalAlignment="Center" Width="24"/>
                                    <Ellipse x:Name="CheckMark" Fill="{StaticResource PhoneRadioCheckBoxCheckBrush}" HorizontalAlignment="Center" Height="16" IsHitTestVisible="False" Visibility="Collapsed" VerticalAlignment="Center" Width="16"/>
                                    <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="1" Foreground="{TemplateBinding Foreground}" FontSize="{TemplateBinding FontSize}" FontFamily="{TemplateBinding FontFamily}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="12,0,0,0" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                </Grid>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </phone:PhoneApplicationPage.Resources>
    
        <!--LayoutRoot is the root grid where all page content is placed-->
        <Grid x:Name="LayoutRoot" Background="#FF0072C6">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
    
            <!--TitlePanel contains the name of the application and page title-->
            <StackPanel Grid.Row="0" Margin="0,0,0,0">
                <!--<Image x:Name="bannerImage" Source="images/logo_resourceguide.png" Margin="10,0,0,0" Stretch="None" VerticalAlignment="top" HorizontalAlignment="Left"/>-->
            </StackPanel>
    
            <!--Pivot Control-->
            <phone:Pivot Margin="0,0,0,0" Background="#FF0072C6">
    
    
    
                <!--Pivot item 1-->
                <phone:PivotItem Header="Service" Margin="10,0,0,0">
    
                    <ScrollViewer  VerticalScrollBarVisibility="Visible">
    
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="auto"/>
                                <ColumnDefinition Width="auto"/>
                            </Grid.ColumnDefinitions>
    
    
    
                            <Grid.RowDefinitions>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="auto"/>
                            </Grid.RowDefinitions>
    
                            <TextBlock Text="Email and Calendar" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="0" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="EmailAndCalendar_Tap" />
                            <TextBlock x:Name="roleEmailandCalendar" Text="Select your role:" HorizontalAlignment="Left" Margin="10,10,0,0" Grid.Row="1" TextWrapping="NoWrap"  VerticalAlignment="Top" Visibility="Collapsed"/>
                            <RadioButton x:Name="adminEmailandCalendar" Grid.Row="2" HorizontalAlignment="Left" VerticalAlignment="Top" Content="Administrator"  Style="{StaticResource RadioButtonStyle1}" IsChecked="true" />
                            <RadioButton x:Name="userEmailandCalendar" Grid.Row="2" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Top" Content="User" Visibility="Collapsed"/>
    
    
                            <TextBlock Text="Exchange Online Protection" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="3" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="EOP_Tap" />
                            <TextBlock x:Name="roleEOP" Text="Select your role:" HorizontalAlignment="Left" Margin="10,10,0,0" Grid.Row="4" TextWrapping="NoWrap"  VerticalAlignment="Top" Visibility="Collapsed"/>
                            <RadioButton x:Name="adminEOP" Grid.Row="5" HorizontalAlignment="Left" VerticalAlignment="Top" Content="Administrator" Visibility="Collapsed"/>
                            <RadioButton x:Name="userEOP" Grid.Row="5" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Top" Content="User" Visibility="Collapsed" />
    
    
                            <TextBlock Text="IM and Conferencing" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="6" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="ImMeetingandConferencing_Tap" />
                            <TextBlock x:Name="roleIMConferencing" Text="Select your role:" HorizontalAlignment="Left" Margin="10,10,0,0" Grid.Row="7" TextWrapping="NoWrap"  VerticalAlignment="Top" Visibility="Collapsed"/>
                            <RadioButton x:Name="adminIMConferencing" Grid.Row="8" HorizontalAlignment="Left" VerticalAlignment="Top" Content="Administrator" Visibility="Collapsed"/>
                            <RadioButton x:Name="userIMConferencing" Grid.Row="8" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Top" Content="User" Visibility="Collapsed" />
    
    
                            <TextBlock Text="Office Porfessional Plus" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="9" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="OfficeProPlus_Tap" />
                            <TextBlock x:Name="roleOfficeProPlus" Text="Select your role:" HorizontalAlignment="Left" Margin="10,10,0,0" Grid.Row="10" TextWrapping="NoWrap"  VerticalAlignment="Top" Visibility="Collapsed"/>
                            <RadioButton x:Name="adminOfficeProPlus" Grid.Row="11" HorizontalAlignment="Left" VerticalAlignment="Top" Content="Administrator" Visibility="Collapsed"/>
                            <RadioButton x:Name="userOfficeProPlus" Grid.Row="11" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Top" Content="User" Visibility="Collapsed" />
    
                            <TextBlock Text="Service Management" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="12" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="ServiceManagement_Tap" />
                            <TextBlock x:Name="roleServiceManagement" Text="Select your role:" HorizontalAlignment="Left" Margin="10,10,0,0" Grid.Row="13" TextWrapping="NoWrap"  VerticalAlignment="Top" Visibility="Collapsed"/>
                            <RadioButton x:Name="adminServiceManagement" Grid.Row="14" HorizontalAlignment="Left" VerticalAlignment="Top" Content="Administrator" Visibility="Collapsed"/>
                            <RadioButton x:Name="userServiceManagement" Grid.Row="14" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Top" Content="User" Visibility="Collapsed" />
    
                            <TextBlock Text="Sites and Document Sharing" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="15" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="SiteandDocumentSharing_Tap" />
                            <TextBlock x:Name="roleSiteDocumentSharing" Text="Select your role:" HorizontalAlignment="Left" Margin="10,10,0,0" Grid.Row="16" TextWrapping="NoWrap"  VerticalAlignment="Top" Visibility="Collapsed"/>
                            <RadioButton x:Name="adminSiteDocumentSharing" Grid.Row="17" HorizontalAlignment="Left" VerticalAlignment="Top" Content="Administrator" Visibility="Collapsed"/>
                            <RadioButton x:Name="userSiteDocumentSharing" Grid.Row="17" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Top" Content="User" Visibility="Collapsed" />
    
    
    
                        </Grid>
                    </ScrollViewer>
    
                </phone:PivotItem>
    
    
                <!--Pivot item 2-->
                <phone:PivotItem Header="Hybrid" Margin="10,0,0,0" >
                    <ScrollViewer  VerticalScrollBarVisibility="Visible">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
    
                            <TextBlock Text="Identity and Authentication" HorizontalAlignment="Left"  Margin="10,0,0,0" Grid.Row="0" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="IdentityandAuthentication_Tap" />
                            <TextBlock Text="Exchange Hybrid" HorizontalAlignment="Left"  Margin="10,0,0,0" Grid.Row="1" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="ExchangeHybrid_Tap" />
                            <TextBlock Text="SharePoint Hybrid" HorizontalAlignment="Left"  Margin="10,0,0,0" Grid.Row="2" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="SharePointHybrid_Tap" />
                            <TextBlock Text="Lync Hybrid" HorizontalAlignment="Left"  Margin="10,0,0,0" Grid.Row="3" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="LyncHybrid_Tap" />
    
                        </Grid>
    
                    </ScrollViewer>
    
                </phone:PivotItem>
    
                <!--Pivot item 3-->
                <phone:PivotItem Header="Plan" Margin="10,0,0,0" >
                    <ScrollViewer  VerticalScrollBarVisibility="Visible">
    
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
    
                            <TextBlock Text="Office 365 Enterprise" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="0" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="DeployO365f_Tap" />
                            <TextBlock Text="Office 365 Midsize Business" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="1" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="DirectoryIntegrationsServicesf_Tap" />
                            <TextBlock Text="Office 365 Small Business Premium" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="2" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="DomainInO365f_Tap" />
    
                        </Grid>
    
                    </ScrollViewer>
    
                </phone:PivotItem>
    
    
                <!--Pivot item 4-->
                <phone:PivotItem Header="Service Life Cycle" Margin="10,0,0,0" >
                    <ScrollViewer  VerticalScrollBarVisibility="Visible">
    
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
    
    
    
                            <TextBlock Text="Learn" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="0" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="Learn_Tap" />
                            <TextBlock Text="Try" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="1" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="Try_Tap" />
                            <TextBlock Text="Buy" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="2" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="Buy_Tap" />
                            <TextBlock Text="Use" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="3" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="Use_Tap" />
                            <TextBlock Text="Maintain" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="4" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="Maintain_Tap" />
                        </Grid>
    
                    </ScrollViewer>
    
                </phone:PivotItem>
    
    
    
                <!--Pivot item 5-->
                <phone:PivotItem Header="Type" Margin="10,0,0,0" >
                    <ScrollViewer  VerticalScrollBarVisibility="Visible">
    
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
    
    
    
                            <TextBlock Text="How-To" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="0" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="HowTo_Tap" />
                            <TextBlock Text="Troubleshooting" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="1" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="Troubleshooting_Tap" />
                            <TextBlock Text="Videos" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="2" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="Videos_Tap" />
                            <TextBlock Text="Training" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="3" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="Training_Tap" />
    
    
                        </Grid>
    
    
    
                    </ScrollViewer>
    
                </phone:PivotItem>
    
    
    
                <!--Pivot item 6-->
                <phone:PivotItem Header="Top Issues" Margin="10,0,0,0">
    
                    <ScrollViewer  VerticalScrollBarVisibility="Visible">
    
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>  
                            </Grid.RowDefinitions>
    
    
                           
                             <TextBlock Text="Mail Flow" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="0" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="MailFlow_Tap" />
                            <TextBlock Text="Outlook Connectivity &amp; Features" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="1" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="OLConnectivityFeatures_Tap" />
                            <TextBlock Text="Domain Management" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="2" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="DomainManagement_Tap" />
                            <TextBlock Text="SkyDrive Pro" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="3" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="SkyDrivePro_Tap" />
                            <TextBlock Text="Migration Issues" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="4" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="MigrationIssues_Tap" />
                            <TextBlock Text="Exchange ActiveSync Connectivity" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="5" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="ExchangeActiveSyncConnectivity_Tap" />
                            <TextBlock Text="OWA Connectivity and Features" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="6" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="OWAConnectivityFeatures_Tap" />
                            <TextBlock Text="SharePoint How-To (List &amp; Libraries)" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="7" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="SharePointHowToListLibraries_Tap" />
                            <TextBlock Text="Lync Sign-in &amp; Authentication" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="8" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="LyncSignInAuthentication_Tap" />
                            <TextBlock Text="Mail Flow" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="9" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="MailFlow_Tap" />
                            <TextBlock Text="Outlook Connectivity &amp; Features" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="10" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="OLConnectivityFeatures_Tap" />
                            <TextBlock Text="Domain Management" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="11" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="DomainManagement_Tap" />
                            <TextBlock Text="SkyDrive Pro" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="12" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="SkyDrivePro_Tap" />
                            <TextBlock Text="Migration Issues" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="13" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="MigrationIssues_Tap" />
                            <TextBlock Text="Exchange ActiveSync Connectivity" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="14" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="ExchangeActiveSyncConnectivity_Tap" />
                            <TextBlock Text="OWA Connectivity and Features" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="15" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="OWAConnectivityFeatures_Tap" />
                            <TextBlock Text="SharePoint How-To (List &amp; Libraries)" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="16" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="SharePointHowToListLibraries_Tap" />
                            <TextBlock Text="Lync Sign-in &amp; Authentication" HorizontalAlignment="Left"  Margin="10,10,0,0" Grid.Row="17" TextWrapping="NoWrap"  VerticalAlignment="Top" Tap="LyncSignInAuthentication_Tap" />
    
    
    
                        </Grid>
    
                    </ScrollViewer>
    
                </phone:PivotItem>
    
    
    
    
    
    
            </phone:Pivot>
    
    
            <phone:WebBrowser Grid.Row="0" Name="webBrowser1"  Visibility="Collapsed"  Width="auto" Height="auto" Grid.RowSpan="2" IsScriptEnabled="True" LoadCompleted="Mywebbrowser_LoadCompleted" />
    
    
        </Grid>
    
    
    
    
    
    
    </phone:PhoneApplicationPage>

    thanks


    mujno

    Tuesday, October 22, 2013 11:21 PM

Answers

  • Your PivotItem is fine. Your Pivot needs to be in a grid row that has Height="*". You didn't set the Pivot's Grid.Row so it defaulted to row 0, which in your LayoutRoot has Height="Auto". Just set the row:

    <phone:Pivot Grid.Row="1" Margin="0,0,0,0" Background="#FF0072C6">

    • Marked as answer by Mujno Wednesday, October 23, 2013 10:17 PM
    Wednesday, October 23, 2013 8:08 PM

All replies

  • I inserted your "Top Issues" PivotItem into a Pivot, and the ScrollViewer worked as expected. What part of it didn't work for you?
    Wednesday, October 23, 2013 5:50 AM
  • Sorry if I didn't clarify exactly what issue I am having. It scrolls but notice how it bounces back to the first entry in the pivot item and doesn't stay where you want it to when you let go of the finger or the mouse or the finger.

    Hope that made sense?

    Thanks


    mujno

    Wednesday, October 23, 2013 6:43 PM
  • Your PivotItem is fine. Your Pivot needs to be in a grid row that has Height="*". You didn't set the Pivot's Grid.Row so it defaulted to row 0, which in your LayoutRoot has Height="Auto". Just set the row:

    <phone:Pivot Grid.Row="1" Margin="0,0,0,0" Background="#FF0072C6">

    • Marked as answer by Mujno Wednesday, October 23, 2013 10:17 PM
    Wednesday, October 23, 2013 8:08 PM
  • works! :)

    thanks


    mujno

    Wednesday, October 23, 2013 10:17 PM