Blend 3 – Great Feature #2 – Master/Details Screens

Blend 3 – Great Feature #2 – Master/Details Screens

  • Comments 1

In yesterday’s post, I wrote about how to generate sample data from, well, nothing.  This is a great boon to designers, developers, and anyone else that holds a stake in envisioning an application design.  However, in order to get their input, the sample data needs to be tied to some user interface elements.  Blend 3 provides strong support for this without requiring you to write code to make it work – just drag and drop from the data tab onto the artboard and you’re good to go.  Blend 3’s Data tab has a couple subtle features that are worth exploring here though.

First, the glyphs in the upper left hand corner of the data tab toggle Blend 3 between List Mode and Details Mode.

image

In List Mode, you can simply drag + drop the sample data collection onto the artboard, but even better, you can select only the properties that you’d like to appear as part of the master list and then drag + drop them instead.

image

Blend 3 will then generate a ListBox with a custom DataTemplate that includes the selected properties.

image

To generate the details, toggle to Details Mode, select the properties you’d like, and drag + drop them on the artboard somewhere near the list box.

image

Blend 3 will then generate a grid to contain the detail elements.

image

If you then run your project, you should notice that selecting an item in the list box updates the details elements appropriately

image

This is quite nice, and was achievable with 0 lines of imperative code.  The magic here is achieved using element binding, a feature that’s been in WPF for a while but is new to Silverlight 3.  We’ll explore element binding in more detail in tomorrow’s post…

  • Here is a collection of a few of the blog posts I came across around the new databinding features in

Page 1 of 1 (1 items)
Leave a Comment
  • Please add 6 and 5 and type the answer here:
  • Post