Fixed images.

Breda-Tour/Breda-Tour.csproj

@@ -95,6 +95,12 @@
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
     <None Include="project.json" />
+    <Content Include="Storage\helpimages\taal_1.jpg">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Storage\helpimages\taal_2.jpg">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
     <Content Include="Storage\Routes\routes.json">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </Content>

Breda-Tour/Data/HelpItemStep.cs

@@ -12,11 +12,11 @@ namespace Breda_Tour.Data
         public string Description { get; private set; }
         public string ImageSource { get; private set; }
 
-        public HelpItemStep(string Title, string Description, string Imagesource)
+        public HelpItemStep(string Title, string Description, string ImageSource)
         {
             this.Title = Title;
             this.Description = Description;
-            this.ImageSource = ImageSource;
+            this.ImageSource = "ms-appx:///Storage/helpimages/"+ImageSource;
         }
 
     }

Breda-Tour/Data/HelpPageDatabase.cs

@@ -18,8 +18,8 @@ namespace Breda_Tour.Data
         {
             HelpItems = new ObservableCollection<HelpItem>();
             readHelpItems();
-
         }
+
         private void readHelpItems()
         {
             string json = File.ReadAllText("Storage/helpitems/helpitems.json");

Breda-Tour/HelpScreen/HelpPage.xaml

@@ -21,7 +21,8 @@
                 <Image
                 Name="HelpImage"
                 Height="400"
-                Width="300" >
+                Source="{Binding ImageSource}"    
+                    >
 
                 </Image>
                 <TextBlock Margin="0,10,0,0" Text="Description" FontWeight="Bold"/>

Breda-Tour/HelpScreen/HelpPage.xaml.cs

@@ -1,27 +1,12 @@
 using Breda_Tour.Data;
 using Breda_Tours.SettingsScreen;
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Linq;
-using System.Runtime.InteropServices.WindowsRuntime;
-using Windows.Foundation;
-using Windows.Foundation.Collections;
-using Windows.UI.Xaml;
 using Windows.UI.Xaml.Controls;
-using Windows.UI.Xaml.Controls.Primitives;
-using Windows.UI.Xaml.Data;
 using Windows.UI.Xaml.Input;
-using Windows.UI.Xaml.Media;
 using Windows.UI.Xaml.Navigation;
 
-// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238
-
 namespace Breda_Tour.HelpScreen
 {
-    /// <summary>
-    /// An empty page that can be used on its own or navigated to within a Frame.
-    /// </summary>
+
     public sealed partial class HelpPage : Page
     {
         HelpItem helpitem;

Breda-Tour/Storage/helpitems/helpitems.json

@@ -1,19 +1,24 @@
 {
   "HelpItems": [
         {
-            "Language" : "NL_nl",
+            "Language" : "nl_NL",
             "Title" : "Taal selecteren",
             "Steps" : 
             [
                 {
                     "Title":"Ga naar het instellingen menu",
                     "Description":"Druk hiervoor op het 3e icoontje bovenin het menu. ",
-                    "ImageSource" :"1.jpg"
+                    "ImageSource" :"taal_1.jpg"
                 },
                 {
                     "Title":"Druk op taal instellen",
-                    "Description":"",
-                    "ImageSource" :"1.jpg"
+                    "Description":"Eerste optie in het menu.",
+                    "ImageSource" :"taal_2.jpg"
+                },
+                {
+                    "Title":"Selecteer de gewenste taal",
+                    "Description":"Hier kunt u kiezen uit de beschikbare talen van deze applicatie.",
+                    "ImageSource" :"taal_3.jpg"
                 }
             ] 
         },