Silverlight ItemViewer
This free Silverlight ItemViewer allows you to group similar items together in an area that will automatically wrap when resized and is easy to implement on your Silverlight driven website and is also customizable to provide a visual feel suitable for any site design.
To use the ItemViewer control you will need to add a reference to Liquid.dll in your project.
You need to login to Download the ItemViewer example, If you do not have a login you can register for free!
How to Use the ItemViewer Control
To use the ItemViewer on your Silverlight page:
<UserControl x:Class="ItemViewer.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:liquid="clr-namespace:Liquid;assembly=Liquid"
Width="400" Height="300">
<liquid:ItemViewer x:Name="myList" Width="400" Height="300" DoubleClick="Items_DoubleClick">
<liquid:ItemViewer.Items>
<liquid:FileItem Text="My File.pdf" OtherText="300KB" Icon="images/large/pdf.png" />
<liquid:FileItem Text="My File 2.doc" OtherText="360KB" Icon="images/large/doc.png" />
<liquid:FileItem Text="My File 3.xls" OtherText="100KB" Icon="images/large/xls.png" />
<liquid:FileItem Text="My File 4.xaml" OtherText="40KB" Icon="images/large/xaml.png" />
<liquid:FileItem Text="My File 5.jpg" OtherText="167KB" Icon="images/large/jpg.png" />
<liquid:FileItem Text="My File 6.mp3" OtherText="96KB" Icon="images/large/mp3.png" />
</liquid:ItemViewer.Items>
</liquid:ItemViewer>
</UserControl>
The ItemViewer can render controls that derive from the base ItemViewerItem class such as the included FileItem control which, in conjunction with the TreeView control, allows you to build complex file explorer components with relatively small amounts of code.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Liquid;
namespace ItemViewer
{
public partial class Page : UserControl
{
public Page()
{
InitializeComponent();
}
private void Items_DoubleClick(object sender, EventArgs e)
{
FileItem selected = myList.Selected;
// Process your double-click action here
}
}
}
Example Silverlight ItemViewer Control:
Further Information
