HTML5 and CSS3 enabled 3D web experience at roomsay.com:

RoomSay.com 3D Web Experience RoomSay.com 3D Web Experience DIY

Vectorlight News

  • 3D CSS used to Create Website
    Feb 08, 2014

    With the CSS 3D effects being implemented in modern browsers RoomSay.com takes this new technology and enables you to map your traditional 2D content onto the walls of a 3D room.

  • Chat App Converted to HTML and JQuery
    Sep 08, 2011

    Converted from Silverlight to HTML and Javascript/JQuery is the Vectorlight Chat App. Login using your Vectorlight password to chat using your username and avatar.

  • HTML5 iPhone,Android Big Guns Tower Defense
    Jul 02, 2011

    Big Guns has made the leap from Windows Phone 7 (XNA) to HTML5 so you can now play it on your iPhone, Android and other HTML5 compatible devices.

  • HTML5 Games - Word Poppers and Batty
    Jun 04, 2011

    As the take-up of HTML5 quickens (74% of users currently have a browser capable of HTML5 Canvas) we present two more games for both your browser and mobile.

  • Big Guns Tower Defense on Windows Phone 7
    May 06, 2011

    Coming soon to Windows Phone 7 is an XNA port of the popular Vectorlight tower defense game Super Tower Defense. Whilst retaining many of the graphical and gameplay features of the original Silverlight game.

  • Home Page News

Silverlight Fieldset Control

The free Fieldset control for Microsoft's Silverlight is a collapsable container for other vectorlight.net Controls and standard Silverlight elements such as TextBlocks, Rectanges etc.  The Fieldset control allows related controls to be grouped together in an easy and nicely presentable manner.

To use the FieldSet control you will need to add a reference to Liquid.TreeView.dll in your project.

How to Use the Fieldset Control

In your XAML ensure you have a reference to the Liquid.TreeView.dll in the UserControl tag at the top.  To use it on your Silverlight page:

<UserControl x:Class="FieldSet.Page"
    Width="400" Height="300">
        <ScrollViewer Width="204" Height="250" Canvas.Left="10" Canvas.Top="145">
            <StackPanel Width="204" Orientation="Vertical">
                <liquidTreeView:FieldSet x:Name="skills" Width="174" HorizontalAlignment="Left" IsExpanded="True" Text="Your Skills">
                        <CheckBox x:Name="aiprogrammer" Content="A.I. Programmer" TabIndex="4" />
                        <CheckBox x:Name="graphicsdesigner" Content="Graphics Designer" TabIndex="5" />
                        <CheckBox x:Name="systemsengineer" Content="Systems Engineer" TabIndex="6" />
                        <CheckBox x:Name="tester" Content="Tester" TabIndex="7" />
                        <CheckBox x:Name="webdeveloper" Content="Web Developer" TabIndex="8" />
                <liquidTreeView:FieldSet x:Name="qualifications" Width="174" IsEnabled="False" HorizontalAlignment="Left" IsExpanded="False" Text="Microsoft Qualifications">
                        <CheckBox x:Name="mcp" Content="MCP" TabIndex="10"/>
                        <CheckBox x:Name="mvp" Content="MVP" TabIndex="11"/>
                        <CheckBox x:Name="mcad" Content="MCAD" TabIndex="12"/>
                        <CheckBox x:Name="mcsd" Content="MCSD" TabIndex="13"/>
                        <CheckBox x:Name="otherQualification" Content="Other" TabIndex="14"/>
                <liquidTreeView:FieldSet x:Name="interests" Width="174" HorizontalAlignment="Left" IsExpanded="False" Text="Your Interests">
                        <CheckBox x:Name="cinema" Content="Cinema" TabIndex="10"/>
                        <CheckBox x:Name="football" Content="Football" TabIndex="11"/>
                        <CheckBox x:Name="holidaying" Content="Holidaying" TabIndex="12"/>
                        <CheckBox x:Name="surfing" Content="Surfing" TabIndex="13"/>
                        <CheckBox x:Name="tv" Content="TV" TabIndex="14"/>
                <liquidTreeView:FieldSet x:Name="years" Width="174" HorizontalAlignment="Left" IsExpanded="False" Text="Years experience?">
                        <RadioButton x:Name="sixmonths" Content="Less Than 1 Year" Cursor="Hand" TabIndex="30" GroupName="years" />
                        <RadioButton x:Name="twoyears" Content="Between 1 and 2 Years" Cursor="Hand" TabIndex="32" GroupName="years" />
                        <RadioButton x:Name="threeyears" Content="More Than 2 Years" Cursor="Hand" TabIndex="33" GroupName="years" />

The above example will place a fieldset control and a text label on to your xaml page.  Silverlight elements can be added to the control by setting the Content property.

using System;
using System.Collections.Generic;
using System.Linq;
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;

namespace FieldSet
    public partial class Page : UserControl
        public Page()

In our C# below we declare some calendar controls and Silverlight labels and add them to our fieldset.  Any standard or vectorlight control can be added, though caution needs to be taken when adding certain standard Microsoft controls such as the Calendar which need a Width and Height setting applied before they are added.

Example FieldSet Control:

Silverlight FieldSet Control

Latest Forum Posts

Here are latest posts from around the forums, if you have a question about any of the Liquid controls you can get your answers in the Forum.

Rate this: 

1 Star 2 Star 3 Star 4 Star 5 Star
16 Ratings / 2.8 Average


Silverlight Controls

  • Rich TextBox

    Create and edit rich content with this slick and expandable Rich TextBox...

  • TreeView

    This easy to use TreeView comes with drag and drop, sorting, searching and much more...

  • Context Menu

    You too can have cool popup context menus in your Silverlight applications...

  • Resizable Dialog

    Draggable and resizable popup dialogs are what serious Silverlight developers need...

  • Spell Checker

    Real-time spell checking in Silverlight? We did it first here...