Fixed image carrousel in wp detailpage

Breda-Tour/MapScreen/MapPage.xaml.cs

@@ -47,22 +47,19 @@ namespace Breda_Tour.MapScreen
             marker.NormalizedAnchorPoint = new Point(0.5, 0.5);
             gps = new Gps(this);
             gps.Start();
-            RouteDatabase routeDB = new RouteDatabase();
-            routeDB.readRoutes();
-            Debug.Write("Groote van de routes is:" + routeDB.Routes.Count);
-            route = routeDB.Routes.ElementAt(0);
+            RouteDatabase db = new RouteDatabase();
+            db.readRoutes();
+            route = db.Routes.ElementAt(0);
             this.InitializeComponent();
-            Debug.Write("New Map generated");
         }
 
         protected override void OnNavigatedTo(NavigationEventArgs e)
         {
             SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = AppViewBackButtonVisibility.Collapsed;
             DefaultPivot.SetCheckedButton(DefaultPivotControl.Tab.Map);
+            //route = e.Parameter as Route;
         }
 
-
-
         public async void ShowLocaton(Geopoint point)
         {
             this.point = point;

Breda-Tour/MapScreen/WpDetailPage.xaml

@@ -9,7 +9,7 @@
     xmlns:data="using:Breda_Tour.Data"
     mc:Ignorable="d">
 
-    <Grid>
+    <Grid Background="White">
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto"/>
             <RowDefinition Height="Auto"/>
@@ -27,21 +27,27 @@
                     <StackPanel Orientation="Horizontal"/>
                 </ItemsPanelTemplate>
             </ListView.ItemsPanel>
+            <ListView.ItemContainerStyle>
+                <Style TargetType="ListViewItem">
+                    <Setter Property="Padding" Value="0"/>
+                    <Setter Property="Margin" Value="0"/>
+                </Style>
+            </ListView.ItemContainerStyle>
             <ListView.ItemTemplate >
                 <DataTemplate x:DataType="data:Picture">
-                    <ListViewItem>
-                        <Image Source="{x:Bind Source}" Height="{x:Bind Width}" Width="{x:Bind Width}" Stretch="UniformToFill" />
-                    </ListViewItem>
+                    <Image Source="{x:Bind Source}" Height="{x:Bind Width}" Width="{x:Bind Width}" Stretch="UniformToFill" />
                 </DataTemplate>
             </ListView.ItemTemplate>
         </ListView>
+
         <RelativePanel Grid.Row="2">
             <TextBlock Text="Beschrijving" FontSize="20" Margin="15,15,0,15" />
+            <Line X1="0" X2="{x:Bind Width, Mode=OneTime}" Y1="50" Y2="50" Stroke="Gray" StrokeThickness="2" />
         </RelativePanel>
         <RelativePanel Grid.Row="3">
-           <ScrollViewer Margin="15,0,0,0" VerticalScrollBarVisibility="Auto" >
+            <ScrollViewer Margin="15,0,0,0" VerticalScrollBarVisibility="Auto" >
                 <TextBlock HorizontalAlignment="Stretch"  VerticalAlignment="Stretch" TextWrapping="Wrap" Text="{x:Bind wp.Description}"/>
-           </ScrollViewer>
+            </ScrollViewer>
         </RelativePanel>
     </Grid>
 </Page>

Breda-Tour/MapScreen/WpDetailPage.xaml.cs

@@ -6,6 +6,7 @@ using System.Runtime.InteropServices.WindowsRuntime;
 using Windows.Foundation;
 using Windows.Foundation.Collections;
 using Windows.UI.Core;
+using Windows.UI.ViewManagement;
 using Windows.UI.Xaml;
 using Windows.UI.Xaml.Controls;
 using Windows.UI.Xaml.Controls.Primitives;
@@ -25,10 +26,12 @@ namespace Breda_Tour.MapScreen
     public sealed partial class WpDetailPage : Page
     {
         private Waypoint wp;
+        public double Width { get; }
 
         public WpDetailPage()
         {
             this.InitializeComponent();
+            Width = ApplicationView.GetForCurrentView().VisibleBounds.Width;
         }
 
         protected override void OnNavigatedTo(NavigationEventArgs e)
@@ -44,7 +47,7 @@ namespace Breda_Tour.MapScreen
         {
             e.Handled = true;
             SystemNavigationManager.GetForCurrentView().BackRequested -= MainPage_BackRequested;
-            MainPage.RootFrame.Navigate(typeof (MapPage));
+            MainPage.RootFrame.Navigate(typeof(MapPage));
         }
 
         private void Image_PointerPressed(object sender, TappedRoutedEventArgs e)