Search

This series of Katrien De Graeve introduces the concepts of Expression Blend 3, with a short 3 minute video available on MSDN Chopsticks. The accompanying blog posts will give some resources or insights. Here are the first eight videos:

• 3’ on Blend 3 – Part 1: The Workspace
• 3’ on Blend 3 - Part 2: SketchFlow Introduction
• 3’ on Blend 3 - Part 3: SketchFlow Adding content 
• 3’ on Blend 3 - Part 4: SketchFlow Player 
• 3’ on Blend 3 - Part 5: SketchFlow – Getting feedback into Blend
• 3’ on Blend 3 - Part 6: SketchFlow Composition Screens
• 3’ on Blend 3 - Part 7: SketchFlow Composition Screens and Navigation
• 3’ on Blend 3 - Part 8: SketchFlow States

With the release of the Release Candidate version of Silverlight 2 three long awaited controls were presented - the PasswordTextBox, the ComboBox and the ProgressBar. Since the need of such controls were pretty big, a lot of custom controls were created and the existing ones have been extended in order to fill that need. Probably you've already read a couple of tutorials about creating your own ProgressBar control. We have also developed our own simple progress bar for the Voting control and I was ready to show it off in a separate article, but that's not necessary now. Instead of this we are going to take a look at the ProgressBar control that came with the release candidate and show some of its basic features.

Download source code

Introduction

The RepeatButton is a Silverlight control which does an action repeatedly from the time a user presses it till the time it is released.

See also: 
Button Controls Article
Button Article
HyperlinkButton Article
ToggleButton Article

Overview

To demonstrate the common use of the RepeatButton I’ll give an example:

When we press the RepeatButton the TextBlock starts showing the current time.

XAML:

Introduction

The ToggleButton is a Silverlight control which allows the user to change its state. It is the base class for CheckBox and RadioButton controls but it can also be used as a standalone control.

See also:
Button Controls Article
Button Article
HyperlinkButton Article
RepeatButton Article

Overview

To demonstrate the use of the ToggleButton I’ll give an example:

XAML:

Introduction

The HyperlinkButton is a Silverlight control which acts as a hyperlink.

See also:
Button Controls Article
Button Article
ToggleButton Article
RepeatButton Article

Overview

Here is a little example showing how to use the HyperlinkButton:

XAML:

Introduction

The Button is a Silverlight control which responds when the user clicks on it.

See also:
Button Controls Article
HyperlinkButton Article
ToggleButton Article
RepeatButton Article

Overview

Since the Button derives directly from the ButtonBase class and there isn’t an additional functionality, I’ll use the examples from the Button Controls Article.

The most important event of the Button, inherited from ButtonBase class is the Click event. It occurs when a user clicks on the button. For example:

XAML:

As its name says the Border is a Silverlight control that acts as a border. You can put ONE other control in it and it will act as border of the child control.

See also:
Silverlight Layout controls
Canvas Article
StackPanel Article
Grid Article

Overview

The following examples demonstrate Border’s key properties:

We want to have the following frame:

Here is the XAML code:

Introduction

To use the GridSplitter you should be familiar with the Grid control. It is a control that allows the user to resize dynamically the width or height of the Grid cells.

See also:
Grid Article

Overview

The following example demonstrates how to use the GridSplitter:

We want to have two cells whose width can be redistributed. The blue line can be moved left or right when clicking on it, holding the mouse button and dragging. Thus the neighbor cells can be resized.

The XAML code:

Introduction

The Grid is a layout control used as a container for other Silverlight controls. It acts like a table in HTML but there are many differences in the markup representation.

See also:
Silverlight Layout controls
Canvas Article
StackPanel Article
GridSplitter Article

Overview

The following example demonstrates how to use a Grid and how to create rows and columns:

We want to have the following table structure:

The most important thing about the Grid is how to define its RowDefinitions and ColumnDefinitions collections and how to specify to which row and column every control in the Grid belongs.

Here is the XAML code: