Håvard Siegel Haukeberg

The art of making a  Windows Phone App with little or no coding at all.

Index:
Code sample
Step 1 – Find the object you want to click on. You find this object in the “Objects and Timeline”
Step 2 – Select the Item and click the “Event button”
Step 3 – Create touch tap event
Step 4 – Copy/Pasta code

How to navigate from your app into a website using your phone browser.
Here is a picture of what happens in my app:

So, what is going on.

First, for all pro coders here is the what I did:
-dont panic, its just copy pasta, I promise that it is easy

In the mainpage.XAML file:
StackPanel x:Name=”mms” MouseLeftButtonUp=”mms_click”
The StackPanel contains 4 elements, a picture and three text boxes, so when i click on it with it starts an event which i called “mms_click” you can call it anything (e.g. awsomeclickbuttonlol), but remember it for the next step

in the mainpage.xaml.cs file:
private void mms_click(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
WebBrowserTask wb = new WebBrowserTask();
wb.Uri = new Uri(“http://www.commaxx.no/aktiviteter/microsoft-management-summit-2012-article1115-114.html”, UriKind.Absolute);
wb.Show();
}

Ok, breathe…
this is how you do it,
Step 1 – Find the object you want to click on. You find this object in the “Objects and Timeline”

Step 2 – Select the Item and click the “Event button”
Now, there are some options where you have to think logically for a moment.
1. Do I want to launch the browser as soon as I tap the box or do I want it to launch?
2. If you choose MouseLeftButtonDown it will start as soon as you put your finger on it, so if you scroll or just rest your finger accidentally it will launch
3. if you choose MouseLeftButtonUp you may rest your finger on the object and even scroll. it will only launch if you tap the object. this is my reccomended option

you find the event button here

Step 3 – Create touch tap event
Use your prefered name for the event, but remember you can only use this name once. This name will then execute only one designated action.

Now, dont panic because this will happen automatically after you enter a name.
the file mainpage.cs.xaml will open and display…. CODE…
DO NOT PANIC – its only copy/paste from this aricle that is needed.

Step 4 – Copy/Pasta code
Now you see the green line, replace this line with the code supplied above and just change the url to what you want the target to be.

Then:
1. Save the Project
2. Click Project – Build
3. Click Project – Run

The emulator will open and once its open your app starts loading. Once loaded try clicking on the Object you just created a click event on.

For more code help, use interwebs and copy pasta.
I used this guy for reference, but did not understand anything untill the two code examples in the end. I did some modification on the code to make it easier in my example.
http://chriskoenig.net/2010/05/16/wp7-part-3-navigation/