courses I tutorials

Explore different tutorials to get hands on with Silverlight and Expression Blend across a wide array of topics in a short time.

school.tutorials

Using SketchFlow for Windows Phone Series

In this ToolBox module you discover principles of good UX design. You also discover how to start and build your prototype using the SketchFlow Template for Windows Phone.

More tutorials...

Resizing objects in the template

In this section, you group all the items in the canvas together so that you can resize them more accurately.

  1. In the Objects and Timeline panel, right-click on the Border and select Group Into > Canvas. A Canvas container is now holding the Border control and its content.
  2. Using the Selection tool, click and drag the lower-right corner of the Canvas to create extra space around the objects. You will need this space when you resize the Border control and its contents.
  3. Select Border in the Objects and Timeline panel, and then locate the Transform pane inside the Properties panel and expand it.
  4. In the first tab, Translate, select the reference point for transformations as the upper-left corner.
    Select the reference point for transformations
  5. Select the Scale tab in the Transform pane and type 1.4 in both the X and Y textboxes.
    Scale tab in the Transform pane
  6. If necessary, select the topmost canvas and expand it to fit the newly sized grid inside of it.
    Expand topmost canvas
  7. Exit the template by clicking on the ListBox breadcrumb at the top of the artboard.
  8. Press Ctrl+S to save the file.
  9. If you want to test your project, select each one of the PanoramaItems inside the Panorama control and turn the Visibility back on using the Visibility property in the Appearance panel. Then press F5.

Summary

In this module, you discovered how to take your sample further to create highly customized data templates. You also discovered how to add the WrapPanel to your project and how to integrate it into a ListBox’s template.