Parsing A JSON was never that easy

Hello guys, once again i am here to give you clear about, how you can parse JSON into the visible material into your application in presentable form. So, parsing JSON been hectic, I know, but we are going to make it easy together. To go through parsing things please follow the following steps after opening simple blank windows phone app :

  1.  First of all you need to get the JSON file of some website and get it validated from
  2. After you successfully validated the JSON, Now, you need to get it in the form of clases in order to get it done. So, for classes things you can convert it manually or paste the link in following to get the C-sharp classes code. json2charp1b
  3. you can use the link below to make it checked for your application
  4. Add the class now in you project named it as RootObject  and put all the copied code from json2csharp into it.
  5. Now, simply put the button into your application to make things work manually and add the following code in it

    WebClient web = new WebClient();
    web.DownloadStringCompleted += web_DownloadStringCompleted;

    web.DownloadStringAsync(new Uri(“”));

  6. Now, in Routed event of downloadStringCompleted add the following
    Note: here RootObject is class name movieList is the list placed into RootObject which is a list of another class named as MovieList in RootObject.cs
    change it according to your requirement

    var rootObject = JsonConvert.DeserializeObject<RootObject>(e.Result);

    foreach (MovieList abc in rootObject.movieList)


  7. Now that you will see you can view the title in every object on the messageBox alert, which means you succesfully parsed the string.

    if you get any problem you can reach me through comments, thanks

Playing with Geo Coordinates in visual studio

So, here we will be discussing how you can create your own application that gives you your location. In order to implement Geo coordinate in your application we need to same steps we used to do in order to implement our things that is: opening a visual studio and create empty blank app for windows phone in silver light.

So, lets go with it open a visual studio and create windows phone silver light blank app and add two buttons with text block in it which will show you the location of yours. So, i have opened my visual studio and place controls in it like i told you above, follow the following steps in order to get Geo coordinates of your location.

  1. place a on-click event in one of your button and name your button as Locate me.
  2. on its click event create a GeoCoordinateWatcher object and name it as geo.
  3. In order to play with start the process with go to mainpage.xaml.cs and add the following method.
    <br /> private void Locate_Click(object sender, EventArgs e)<br /> {<br /> GeoCoordinateWatcher ge = new GeoCoordinateWatcher(GeoPositionAccuracy.High);<br /> ge.Start();<br /> if (!ge.Position.Location.IsUnknown)<br /> {<br /> abc.Text = ge.Position.Location.Latitude.ToString() + "," + ge.Position.Location.Longitude.ToString();<br /> }<br /> else<br /> abc.Text = "unable to find your location";<br /> }<br />

  4. So when you run the application you will see location in the very textblock named as abc on very button click.


So, in order to get your application use you location you can simply use the above mentioned method in your application’s  button in order to achieve something with your application. With this Geo-coordinate-watcher’s object you can simply use your location for different purposes.

Project scope vs Document Scope

While parsing some XML file in blend or creating some sample data space we are asked to check whether we want to go with Project or Document.5


So, let’s see what basically these things are and what are the difference in between them? when you create sample data or reading xml for the RSS feeds you need to check one of these options. So, what are these and what meanings they have?


When you check the project check-box, it means you are are choosing to have global scope of the XML you read or sample data you created. Which means that you can access it from any page in the application and we can use this XML or Sample data in anywhere in our application wherever we want. So, Project defines your scope of XML or sample data into global or public in other words so that one can access it from anywhere in the application.


Just like private variables, document check-box means that the XML or the data sample we created can only be accessed from specific scope. So, with this check-box checked we can use XML or the data sample in only mentioned page. So, this thing helps when you want to show you data in only one page. So, we can use this feature to make this thing available to only one page.

Using RSS feeds in your application with the help of blend

So, we are going to build an application that reads RSS feeds from the website and parse it into readable form for the user. So, how can we do it? The best way of doing this is to use blend because blend gives you easiness in order to build RSS feeds application. So, first of all you need to know what Blend is ? for this reason you need to visit Road To Expression Blend if you don’t have a basics of Expression blend.

RSS stands for Really Simple Syndication which basically means that you can use the output of that websites, in RSS feeds form, into your application as an input and display it to user in appropriate form. RSS feeds is available in xml file form, which will be read by Blend and we can parse it then easily.

So, let’s get started with RSS feeds with expression blend.

  1. Create a Blan App WIndows phone (Silverlight) in visual studio and open in Expression Blend.
  2. Now, Click the database sign in data tab on right panel of expression blend.
  3. Now, click the import sample data from xml 
  4. Now that you have new diallog box appear at the screen, what you need to do is open the browser and search for CNN FEEDS,you will get the CNN feeds page where you can select the any category you want and make a copy of it.
  5. Now, paste this link onto the URL field in the newly open dialog box and check the project check box and press OK.
  6. Now that you can see right panel of the blend is filled with some words. select the Item Collection.
  7. Now, Drag the item collection field and drop it to the UI
  8. you can see you have the some text written inside the text block is shown in the user interface.
  9. Now, that you have all the feeds from specific category in your application. all you need to do is that you have to make its interface readable and understandable.

So, if you don’t remember how we edited that phonebook interface then see this post using blend to edit Sample data and start reading this one from the point where we started from Edit Additional Template -> edit current.


you can see we parsed the read xml in very easy way using expression blend. if you were have to do this with Visual Studio then believe me it would not be that easy. So, make an interactive application according to your need and publish your first app.


Easy way to create sample data using Blend

Creating a data sample is useful when you don’t know what type of data will be stored, what type of language will be used to fill the data and how you can design specific interface without actually knowing the data itself. So, blend is basically providing you a data tool that will be helpful to generate sample data space. As I said, sample data is useful in designing a layout and live tiles when you don’t know how your actual data looks like.

So, in order to get things done and create a sample data in your project in easy way, follow the steps:

  1. Open a windows phone Blank app in visual studio.
  2. open the project in blend.
  3. Now, look at very right of your blend screen, you will find a DATA tab. click to open a drop box and click on New Sample Data.
    create a data sample

    create a data sample

  4.  A dialog box will appear, enter the required Name. you can select it as project if you want to use this in anywhere in your project or you can select document to create a sample datafor specific document page.
  5. when you click OK, you will find a new sample data which will be having a name as you mentioned above in the dialog box.
  6. In order to create property of your own choice click on the  sign  in front of the name of the data source
  7. After adding a property you will be asked to rename the property like this.
  8. So, this is how you can change the properties as required.
  9. Now, that you have created your own database, its time to display it into your user interface. So, blend makes it easy for your, you don’t need to write codes all you need to do is to drag your sample data from the data panel  into the UI.
  10. right click the databox and edit the current additional template as shown below
  11. You can create whatever design you want as i  designed the below one.
  12. you can edit the data available in data sample.
  13. New dialog box will appear within which you can edit the data in data sample.
  14. you can change the number of records you need in you interface by simply changing the highlighted option.
  15. double click the value of some property in order to change the value

So, this is how you can create a data sample in order to do things and design your interface.


you see how you can do things in few minutes with a blend. So, using blend makes your life easier  and you can do things in lesser time than visual studio because you dont need to write a  huge block of code in order to achieve something.

Until the windows phone app development begins(2)

Today, we are going to talk about some more stuff about app designing stuff like Styling. Just like CSS in web designing, styling is the concept of using single style on multiple objects or tool. With use of style, a code redundancy will decrease and there will be less line of codes as well.

First of all build an application and put stack panel in it. (Stack panel reading) for those who don’t know what stack panel is. you can add stack panel by dropping it from toolbox or by using following code snippet. and add three buttons.

<Button Background="red">Button1</Button></pre>
<pre><Button Background="red">Button2</Button></pre>
<pre><Button Background="red">Button3</Button></pre>

Now, what if i told you to add 300 more buttons and makes its color Red, you will do the same. If i ask you to change 300 buttons background into blue now, you will go through all the buttons and change its background property to blue, which is annoying and time consuming. So, we put styles and apply it to every button.

This is how you can put Styles in XAML

<Style x:Name="style1" TargetType="Button" >
<Setter property="Background" value='red'>

Now that we have created our style, its time to apply it on the button

use the same code as above of stackpanel and buttons and do this in button property

<Button Style="{staticresources Mystyle1}>Button1</Button></pre>
<pre><Button Style="{staticresources Mystyle1} >Button2</Button></pre>
<pre><Button Style="{staticresources Mystyle1}>Button3</Button></pre>

Now, what if you want to use same style into different pages so what you will do, you will open the APP.XAML file and place the whole code of styling into it. App.xaml gives reliability to handle your global resources at one place so that you can access it from any part of the application.


So, this is how you can create styles which will be helpful when it come to apply on multiple controls a same style. So, be safe from the code redundancy and save others as well by sharing them this post. Thanks.

Combine Tool in Expression Blend

This article is going to define you the difference between combine tools available in object menu. Combine tools contains 5 magical functions that is Unite, Divide, Subtract, Intersect and Exclude Overlap.Firstly, Let’s see what these things do.

Unite: This tool unites the image in a form that merged all images and will share the same center point.

Divide: This tool helps you in creating new image by combining given images in a form that previous image will be place in behind of the front one.

Subtract: This tool bring you a new image in  a form that front image will displayed only and exclude the overlap part as well.

Intersect: This tool helps you in bringing the only intersected part of the combined images.

Exclude Overlap: As name implies this tool will exclude that overlapped part in given images. 

Now, Let’s see how we can implement it into our project:


Open Microsoft Visual studio and create Windows Phone blank app (Silverlight).

opening windows phone silverlight
creating windows phone app silverlight


Now, Open your project in Blend by right-clicking the solution in right panel of your visual studio.

opening solution in blend
opening in blend


Select the only available grid and add 2 ellipses from the ToolBox on the right side of Screen.

adding ellipse
Adding ellipses

Fill the Ellipse with the color of your own choice and place it like this.

Filling ellipse
filling ellipses


Now, Select all the ellipses and go to Object-> Combine-> Unite and see the effects, both ellipses have merged into one and a gap occur in center of shapes.

unite-ing the image


you can give any shape to your resulted figure by going to Object-> Path-> Convert to Path.


Select the Object-> Combine-> Divide to see the effects, as you can see this tool separate the selected object.

dividing the ellipse


Select the Object-> path-> Convert To path to change the figure according to your requirement.


Select the Object-> Combine-> Intersect and see only the middle part of the two ellipses intersected.

intersect-ing the ellipse


Select the Object-> Combine-> Subtract, and you can see that left ellipse has subtracted even with the intersected path.

subtracting tool

Similarly, you can change the the figure according to your requirement by simply going to path in object menu.


Now, select the Exclude-Overlap in the in object menu, you can see the only overlapped path will be excluded.

 excluding overlap



Until the windows phone development begins (1)

In order to get started with windows phone development, you need to know some tools that exist in it and without which you are incomplete to build an application. So, three basic tools that i am gonna talk about are: Canvas, Grid and Stack-Panel, which helps in designing an interface of your application.


Canvas is layout tool as i mentioned above which helps you in designing your application but there is a problem in designing with canvas and that is absolute positioning. It means when you create your application, the interface will be designed in position hard-coded by developer. So, it means that same pixel size will be specified for all the devices which results in distortion of interface in bigger LCD devices. So, canvas will not be useful, anymore, if you want to create you application for multiple devices.

Following is the example of putting canvas into your code.



<button> Hello World </button>




The next thing that we will be discussing is grid. It helps you in controlling your screen in form of rows and columns and each of the control will be placed in specific cell. So, grid can be divided into rows and columns and that columns and rows will be used to place controls and design an interactive application.

The problem that arises in case of canvas can now be solved with grid. So, with grid you can customize your layout more easily than the canvas, as canvas intended for custom drawing functionality. 

There is always a negativity when you get some positive things out of something. Good thing about grid is it gives you dynamic solution of designing layout which works with any device. On the other hand, if you place control in same row or column the grid will place on top of the first one. 

if someone wants to add grid into your code do it like this:



<Button>Hi there</Button>




This tool really helps when you want to place controls one after the another. So, just like stack this tool provides you to arrange child elements into a single line that can be oriented vertically or horizontally. Just like other two tools we discussed this stack panel is also inherited from panel class.

This very tool does not place object on top of the previous one but as name implies this tool helps you to arrange and place control right after the another.

if someone wants to add Stack-Panel into your code do it like this:



<Button>Hi there</Button>



So, if someone ask me what to use with your application design i would recommend to understand the situation.


understand what features windows phone 8.1 have that windows phone 8.0 doesn’t

In year 2014 Microsoft launched new windows phone OS named as Windows phone 8.1. This release is just available for Developers preview as it is not officially and completely released yet. This Update looks like and sounds like an update of just 0.1, it can easily be launched as Windows 9. Following are the features that windows phone 8.1 is having.

Contana into windows phone 8.1: 

Contana is the first Microsoft’s voice recognition software launched in so many years. It is introduced in windows phone 8.1 and it looks like it is competitor of Siri on IOS7 and Google Now on android version kitkat.

Cortana can handle all the basic tasks you would expect from a voice-powered tool, like scheduling reminders, setting up alarms and translating voice to text. But Microsoft has baked in support for third-party apps, too, like Facebook, Hulu and Skype. Now, you can check in on Facebook friends, load up your Hulu Plus queue and initiate calls with your voice. When Windows Phone 8.1 launches, Cortana will have a “beta” tag until Microsoft sends Cortana to UK and Chinese Windows Phone devices in the “second half of 2014.”

Live Tiles:

Microsoft introduced transparent tiles in windows phone 8.1 OS. This feature helps user to assign single image on the background of tiles and now with beautiful lock screens we can have required background behind the tiles as well.

Swyping Keyboard:

Thanks to a tool that Microsoft has dubbed its “Word Flow Keyboard,” Windows Phone now support swipe typing. Popularized by the fan-favorite Swype keyboard on Android, this allows you to more easily type one-handed by gliding your fingers along the virtual keys rather than tap.

Misc Features:

On top of these marquee upgrades, Microsoft fleshed out its Data Sense, Wi-Fi Sense, Storage Sense and Battery Saver tools to grant more control over those aspects of your phone. Of course, they’re all designed to save, whether that be saved battery life, saved storage, or saved data.

Plus, you can now project the contents of your phone’s display to a PC, TV or projector over USB as well as Miracast on some supported devices. Xbox Music has been refreshed as well, separating music, video and podcasts into dedicated apps with additional functionality.

There’s plenty more to see in Windows Phone 8.1, like improvements to Internet Explorer 11 (such as InPrivate browsing), Calendar (like a week view option) and further syncing between your Windows 8 and Windows Phone devices (right down to the color scheme). So, yeah, it will be worth the upgrade.


So, there are plenty more features in windows phone 8.1 than windows phone 8.0 and now it is easy to define what difference is in between them.