Layout for Silverlight User Interfaces
videos

Layout for Silverlight User Interfaces

Tutorial Details
  • Difficulty: Beginner
  • Program: Visual Studio with the Silverlight 4 Toolkit, Expression Blend 4
This entry is part 5 of 15 in the Silverlight for Beginners Session
« PreviousNext »

Silverlight lays out user interface elements in Panels with various capabilities ranging from fixed, pixel-based layout through to flexible, fluid designs. You can make use of the existing layout mechanisms or build your own Panels to supplement what’s available. Let’s take a look at what’s involved..

In this video, we’ll examine the Panels available and the various properties around alignment and sizing that come into play when you’re laying out elements for Silverlight UI.


What’s Covered?

Here’s a quick look at some of the subjects covered in this screencast:

  • Element properties
  • Panel types
  • Dragging and dropping
  • Fixed and fluid layouts

View Screencast

Don’t like ads? Download the screencast, or subscribe to Activetuts+ screencasts via iTunes!


Useful Links

Mike Taulty Microsoft (UK): http://mtaulty.com: mtaulty@microsoft.com: twitter.com/mtaulty

Tags: Videos
Add Comment

Discussion 3 Comments

  1. a avrashow says:

    An excellent overview of Silverlight layout. Video is such a better medium than text or text and images for showing the effects of changing various settings and using different controls. Well done sir.

  2. amidude says:

    Just started a project where I am forced to use SilverLight. This is an excellent tutorial. Thanks.

  3. David Vera says:

    Silverlight is easier than you think. You should leave your Flash pre learnt, and be ready to meet a fantastic and powerful app.

    Silverlight and Flash Designer.
    twitter.com/David_Vera
    dondavidvera.com

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.