How to make the pivot navigate to right or left? - silverlight

Question

I put a WebBrowser control inside a pivotItem, and a problem happens, the WebBrowser control take over the flick gesture. So the pivot can't navigate normally. So I put a gestureListner inside the parent container.
<ScrollViewer Grid.Row="1"
VerticalScrollBarVisibility="Auto">
<phone:WebBrowser x:Name="myWB1"
FontSize="{StaticResource PhoneFontSizeExtraLarge}"
wb:WebBrowserHtmlBinding.HtmlString="{Binding MainFloor}"
Foreground="{StaticResource TitleColor}"
HorizontalContentAlignment="Stretch"
VerticalContentAlignment="Top"
Width="Auto" Height="Auto"
Navigating="WebBrowser_Navigating">
</phone:WebBrowser>
<toolkit:GestureService.GestureListener>
<toolkit:GestureListener Flick="GestureListener_Flick" />
</toolkit:GestureService.GestureListener>
</ScrollViewer>
private void GestureListener_Flick(object sender, FlickGestureEventArgs e)
{
if (e.Direction.ToString() == "Horizontal")
{
myPivot.SelectedIndex = 1;
}
}
The code above worked, but the problem is it is always navigate in one direction. No matter I flick to right or left. The pivot always navigate from right to left. Why, and How to solve it?
[The pivotitem's SelectedIndex of the WebBrowser control is 0, the next pivot is 1. ]

Answer 1

You are not checking whether the flick was towards the left or right. You are only checking the direction, in case of horizontal it could be either left or right. Try this:
private void GestureListener_Flick(object sender, FlickGestureEventArgs e) {
if (e.Direction == System.Windows.Controls.Orientation.Vertical) return;
var currentIndex = myPivot.SelectedIndex;
var maxIndex = myPivot.Items.Count - 1;
// User flicked towards left
if (e.HorizontalVelocity < 0) {
if (currentIndex < maxIndex) myPivot.SelectedIndex++; else myPivot.SelectedIndex = 0;
// User flicked towards right
} else if (e.HorizontalVelocity > 0) {
if (currentIndex > 0) myPivot.SelectedIndex--; else myPivot.SelectedIndex = maxIndex;
}
}
Alternatively, you could simply set IsHitTestVisible to false on the browser control to disable gestures on it.