Expression Blend and Design

The team blog of the Expression Blend and Design products.

Thinking Outside the XAP – Blend 3 and Support for Web Sites!

Thinking Outside the XAP – Blend 3 and Support for Web Sites!

  • Comments 6

One of the features that we added in Expression Blend 3 is the ability for you to create Silverlight projects that come associated with a Web site. In this brief post I will jump between describing why this is useful and how Blend provides access to it.

Let’s start with the easy part. You can access it directly via the New Project dialog where we created a Silverlight 3 Application + Website project template:

 image

Once you create your new project using this template, you have successfully used this new feature! For the most part, nothing really should seem or feel different for you, for this feature is more about what we do behind the scenes. There are a few exceptions. One immediate difference that you may notice is that your solution now contains a node for your Web site along with your Silverlight application:

image

There are several reasons why we decided to create this Web site project by default. The main reason is that you get all of the benefits of building a traditional Silverlight application where all of the content you incorporate gets embedded into your XAP and downloaded by default when your page loads. What is new, though, is that you also get the added benefit of being able to load content on demand using your own loading and preloading mechanism. That functionality is provided for you via Blend’s support for Web sites.

If I had to visualize this, it would look as follows:

xapDataMapping

You build your XAPs like always (Silverlight Project), but you have the added bonus of being able to think outside the XAP (Web Site Project). When you hit F5 to build and preview your application, the XAP gets built, copied into the right location on your website, and the HTML page that already exists loads and gives you a preview. We do not re-generate the HTML file each time you build, so this means you can customize your HTML page without worrying about your changes getting overwritten the next time you build.

Beyond just changes to how your projects behave and build, we added some extra functionality to make it possible for you to easily reference and visualize on the artboard the content from either your Silverlight Application or your Web Site without having to write XAML manually.

If you have images that live in both your Silverlight application and Web Site, our path picker for an Image control’s Source property displays the images from both locations:

sitedifferentiator

This is significantly different from what we’ve had in Expression Blend 2 SP1. While you could always open a solution authored in Visual Studio that contained both a Silverlight Application and a Web Site (my article describes that to a certain detail), hitting F5 in Blend would be unpredictable. You also didn’t have the extra support for treating all assets as being equal despite where they are being loaded from.

Let us know what you think of this feature. This features was designed to seamlessly blend into your workflow and “just work”, but if you had any ideas or suggestions on what more can be done or things you think we should change, feel free to comment below to let us know.

Cheers!
Kirupa :)

Leave a Comment
  • Please add 6 and 2 and type the answer here:
  • Post
  • PingBack from http://asp-net-hosting.simplynetdev.com/thinking-outside-the-xap-%e2%80%93-blend-3-and-support-for-web-sites/

  • Thank you for submitting this cool story - Trackback from DotNetShoutout

  • That's nice! I've already finished with a couple of silverlight projects would have been easier to build if I could have done the previewing in blend rather than having to switch between Blend and Visual Studio. I'm a designer (that knows a little asp) and I much prefer blend when building SL apps.

  • Sean - you should still be able to preview your app when your solution has a Web Site associated with it. In Blend 2, you have to set the HTML page in your web site as the Startup, and you have to actually set the Web Site as your startup project.

    Both of these commands can be found via right-clicking on the HTML file and the Web Site icon in your Project pane.

    Cheers!

    Kirupa =)

  • Hello,

    I am a student at Coventry University on MSc in Computing and I am currently working on my dissertation called "Return on Investments for SEO and PPC", therefore I am working on search engine optimization for one website.

    I would like to ask you for a small help. I need to get some relevant back links for the website I am doing the optimization for. Would it be possible to get one from any of your articles? It does not have to be permanent, but just for a couple of months, so I can measure the effect and get some relevant results for my dissertation.

    I would really appreciate. Please, if you are willing to help me, contact me back and we can discuss the details.

    Thank you very much. Best Regards

    Juraj Sasko

    saskoj@coventry.ac.uk

  • This is Awesome!  As soon as Blend 3 gets out of Beta I will be redesigning my website in Silverlight.  I don't think I will hesitate at all recommending to some of my clients to build silverlight components for their sites instead of Flash.

    Kuddos.

Page 1 of 1 (6 items)