Silverlight 5 Pivot Viewer Control: Part 1

In this article we will learn about creating a Pivot Viewer control in Silverlight .

Lets get started with a short description of what a PivotViewer Control is.

For this example I have used the Silverlight 5 PivotViewer, since most of us would have Silverlight 5 right now .

The Silverlight PivotViewer Control does not come by default with the Silverlight 4 toolkit. It has to be downloaded and installed separately .

With Silverlight 5 one would get the PivotViewer by default .

For Silverlight 4 it must be downloaded from the link shown below :

Once installed , the PivotViewer gets installed in the path as shown below :

C:\Program Files (x86)\Microsoft SDKs\Silverlight\v4.0\PivotViewer\Aug10

Hence forth I am using Silverlight 5 but similar steps needs to be followed for Silverlight 4.

Add a reference to the below DLL as shown below :


Let's start coding then . PivotViewer uses a special type of Collection called as Collection XML .

We need to understand Collection XML in order to effectively work with PivotViewer .

Collection XML (CXML) is the schema used to describe structured data to be displayed in the PivotViewer collection experience.

We make use of a class called CxmlCollectionSource to bind to the ItemSource of the PivotViewer

More Information on the CxmlCollectionSource can be found in the link below :

Shown below is how the data is bound to the ItemSource property of the PivotViewer Control .


The final code is below :

            _cxml = new CxmlCollectionSource(new Uri("", UriKind.Absolute));

            pv1.PivotProperties = _cxml.ItemProperties.ToList();
            pv1.ItemTemplates = _cxml.ItemTemplates;
            pv1.ItemsSource = _cxml.Items;

Let's give it a run.


Play around with the Pivot . In this article we have just introduced a PivotViewer control we would go deeper into it in the future articles .