Introduction

In this article we are going to focus on the shape controls in Silverlight 2. These controls are very simple but they provide almost unlimited style possibilities, so make your imagination work and use them in a very creative and interactive way in every Silverlight application. There are six shape controls – the ellipse, the rectangle, the line, the polyline, the path and the polygon. In this article I’ll examine the first three of them, namely the ellipse, the rectangle and the line.

Update: The code in teh article is compatible with the Silverlight 2 RTW. New information about the tooltip can be found here.

Introduction

The theme of this article is the ToolTip control. It can be very useful as it enhances our application’s user interface.

Using the ToolTip Control

The ToolTipService class must be used along with the ToolTip control in order to display a tooltip to our control.  For the example I will use an image control, but the following can be applied to each of the controls.

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

When we talk about rich internet application and have in mind that we can use Silverlight, we are able to make really good-looking applications full of animation and other effects. However, we have only Silverlight 2.0 beta with which not everything is ready to be used – for example triggers.

Here, I will demonstrate how to apply some animations on the ListBox items when loading, selecting and unselecting them.

Overview

ListBox control comes with the last Silverlight beta and it is used to display items and allow the user to select one or more of them (currently multyselection is not supported).

Update: The source codes and the information in this article are compatible with Silverlight 2 RTW.

Introduction

The last article I wrote was about the DeepZoom Composer. It explained how to manage images with it. This time I’ll try to show how to use the created images with the Silverlight MulitscaleImage control.

You can download the source code or view the live demo here:

MultiscaleImageDemoSource.zip

Live Demo

Overview

Let’s add our MultiscaleImage control to the xaml and set its source:

Visifire is a set of open source data visualization components - powered by Microsoft^® Silverlight^™. With Visifire you can create and embed visually stunning animated Silverlight Charts within minutes. Visifire is easy to use and independent of the server side technology. It can be used with ASP, ASP.Net, PHP, JSP, ColdFusion, Ruby on Rails or just simple HTML.

Take a tour of beautiful charts in Gallery

Design your own chart in minutes using Chart Designer.

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

Overview of sockets in general

Introduction

The reflection effect is widely used in different Silverlight demos and now, in this article, we will show you how to create a control that adds reflection to any class that inherits FrameworkElement:

Download source code

Overview

The idea is to have two identical FrameworkElement objects: the first one representing an image and the other one - a reflection of this image.

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: