Silverlight TV 45: Building a Bing Web and Image Search App for Windows Phone 7 Using Blend and Silverlight (Channel 9)

Want to build a Bing web and image search using Silverlight for Windows Phone 7? Kirupa Chinnathambi of the Expression team shows you just how to do that in this week's episode. Kirupa covers a lot of topics as he builds the app, including how to:

wire up the app
add the image templates
use the Pivot control
apply the built in resources to pick up the selected theme in the phone
use sample data
template a ListBox's ItemsPanel
use the WrapPanel from the toolkit
handle orientation changes of the phone
customize the ApplicationBar

And Kirupa does all of this through Expression Blend!

Note: The WrapPanel used in this episode was from the Silverlight 3 Toolkit. Today the Silverlight for Windows Phone Toolkit was released, which includes the WrapPanel. Check out what other controls are in the toolkit in John's post.

Relevant links:

John's blog and on Twitter (@john_papa)
Kirupa's demo
List of
Theme Resources for Windows Phone for Windows Phone
ApplicationBar Icon pack for Windows Phone
Kirupa's blog and on Twitter (@kirupa)
Get a Bing App ID
Download the Windows Phone Developer Tools

Follow us on Twitter @SilverlightTV or on the web at http://silverlight.tv/

Are you developing with Windows Phone 7? You can pre-order Learning Windows Phone Programming by Jaime Rodriguez, Yochay Kiriaty, and John Papa! Or check out the book's website.

Follow the Discussion

Follow
Oops, something didn't work.

Try again?

Sign In to be begin to follow these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.

Getting "follow" information

Stop following these comments

Start following these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.

Removing your "follow"

Setting up your "follow"

Did you know you can
sign up for email notifications?
- Subscribe to this comments

ccatto Catto

Sep 16, 2010 at 10:21 AM

Hey Now John,

Great Vid & Nice Shades!

Thx 4 the info,

Catto
Simon (Darkside) Jackson

Sep 19, 2010 at 6:48 AM

The sample does not compile in the WP7 dev tools RTM using the latest version of the silverlight toolkit for windows phone.
Bad reference and then complains about the WrapPanel not being a recognised XML attribute.
mike12

Sep 19, 2010 at 12:47 PM

Great tutorial - thanks
Kirupa

Sep 19, 2010 at 1:58 PM

@Simon (Darkside) Jackson: You need to have the Silverilght 3 Toolkit installed because the video was recorded before we had the Silverlight Toolkit for Windows Phone out. I'll send John an updated link with a revised version of the sample shortly :P
Dale

Oct 01, 2010 at 10:58 AM

I've installed the "Silverlight for Windows Phone Toolkit" at http://silverlight.codeplex.com/ then replace the reference to "Microsoft.Phone.Controls.Toolkit". And changed the following in MainPage.xaml: xmlns:controlsToolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"It is working fine.
Dwayne

Oct 13, 2010 at 8:15 PM

@Dale: How did you get this this to work? I sit for hours trying to figure it out( mind you I have not programming experience). I finally got the app to load, but now when I do a search the app crashes. What am I doing wrong?
kirupa It's me!

Oct 15, 2010 at 6:23 PM

Dwayne - the reason might be that you never specified your own Bing API Developer ID on Line 42 in MainPage.xaml.cs.
You can get your own ID for free from here: http://www.bing.com/developers/createapp.aspx
Cheers,
Kirupa =)
kirupa It's me!

Oct 16, 2010 at 1:44 AM

Btw - here is the link to the source that works with the Windows Phone Toolkit itself: http://www.kirupa.com/windowsphone/source/Silverlight TV - WP7 Demo Source.zip
=)
Dwayne

Oct 27, 2010 at 5:58 PM

@kirupa: Thanks. The link worked and I have a Bing AppID.
aliaziz242

Nov 20, 2010 at 4:35 AM

I added the refrence and give my bing AppID but i got this error when i run the code and click go (for search):

System.ServiceModel.FaultException was unhandled
Message=Client error
StackTrace:
       at System.ServiceModel.DiagnosticUtility.ExceptionUtility.BuildMessage(Exception x)
       at System.ServiceModel.DiagnosticUtility.ExceptionUtility.LogException(Exception x)
       at System.ServiceModel.DiagnosticUtility.ExceptionUtility.ThrowHelperWarning(Exception e)
       at System.ServiceModel.Channels.ServiceChannel.HandleReply(ProxyOperationRuntime operation, ProxyRpc& rpc)
       at System.ServiceModel.Channels.ServiceChannel.EndCall(String action, Object[] outs, IAsyncResult result)
       at System.ServiceModel.ClientBase`1.ChannelBase`1.EndInvoke(String methodName, Object[] args, IAsyncResult result)
       at BingDemo2.BingWebService.BingPortTypeClient.BingPortTypeClientChannel.EndSearch(IAsyncResult result)
       at BingDemo2.BingWebService.BingPortTypeClient.BingDemo2.BingWebService.BingPortType.EndSearch(IAsyncResult result)
       at BingDemo2.BingWebService.BingPortTypeClient.EndSearch(IAsyncResult result)
       at BingDemo2.BingWebService.BingPortTypeClient.OnEndSearch(IAsyncResult result)
       at System.ServiceModel.ClientBase`1.OnAsyncCallCompleted(IAsyncResult result)
       at System.ServiceModel.AsyncResult.Complete(Boolean completedSynchronously)
       at System.ServiceModel.AsyncResult.Complete(Boolean completedSynchronously, Exception exception)
       at System.ServiceModel.Channels.ServiceChannel.SendAsyncResult.CallComplete(Boolean completedSynchronously, Exception exception)
       at System.ServiceModel.Channels.ServiceChannel.SendAsyncResult.FinishSend(IAsyncResult result, Boolean completedSynchronously)
       at System.ServiceModel.Channels.ServiceChannel.SendAsyncResult.SendCallback(IAsyncResult result)
       at System.ServiceModel.AsyncResult.Complete(Boolean completedSynchronously)
       at System.ServiceModel.AsyncResult.Complete(Boolean completedSynchronously, Exception exception)
       at System.ServiceModel.Channels.HttpChannelFactory.HttpRequestChannel.HttpChannelAsyncRequest.OnGetResponse(IAsyncResult result)
       at System.Net.Browser.ClientHttpWebRequest.<>c__DisplayClassa.<InvokeGetResponseCallback>b__8(Object state2)
       at System.Threading.ThreadPool.WorkItem.doWork(Object o)
       at System.Threading.Timer.ring()