Latest News

  • Super Tower Defense Game
    Mar 10, 2010

    New to the games section is the new Super Tower Defense game. Defend your base from the ever advancing army of tanks, buggies...

  • New Rich Text Editor User Control
    Feb 19, 2010

    By popular request, here we present a re-usable User Control containing the Liquid RichTextBox along with the most common formatting functions included.

  • Silverlight 3 Controls V5.2.7 Released
    Feb 19, 2010

    This release includes several fixes for issues raised in the forum. The main improvement is to the RichTextBox which now provides access and methods to the document elements allowing...

  • Super Shoot Em Up Game
    Feb 04, 2010

    Added to the games section is the new Super Shoot 'Em Up game. Take control of a tank with your aim being to blow up your opposing tanks and collect all the powerups.

  • Silverlight 3 Controls V5.2.6 Released
    Feb 04, 2010

    This release includes some minor fixes for several forum posts. Please see the notes on the download page for full details on what has changed.

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"
    xmlns="http://schemas.microsoft.com/client/2007"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:liquidTreeView="clr-namespace:Liquid;assembly=Liquid.TreeView"
    Width="400" Height="300">
    <Canvas>
        <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">
                    <StackPanel>
                        <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" />
                    </StackPanel>
                </liquidTreeView:FieldSet>
                <liquidTreeView:FieldSet x:Name="qualifications" Width="174" IsEnabled="False" HorizontalAlignment="Left" IsExpanded="False" Text="Microsoft Qualifications">
                    <StackPanel>
                        <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"/>
                    </StackPanel>
                </liquidTreeView:FieldSet>
                <liquidTreeView:FieldSet x:Name="interests" Width="174" HorizontalAlignment="Left" IsExpanded="False" Text="Your Interests">
                    <StackPanel>
                        <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"/>
                    </StackPanel>
                </liquidTreeView:FieldSet>
                <liquidTreeView:FieldSet x:Name="years" Width="174" HorizontalAlignment="Left" IsExpanded="False" Text="Years experience?">
                    <StackPanel>
                        <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" />
                    </StackPanel>
                </liquidTreeView:FieldSet>
            </StackPanel>
        </ScrollViewer>
    </Canvas>
</UserControl>


The above example will place a fieldset control and a text label on to your xaml page.  Controls (both vectorlight and Silverlight) can then be added to the fieldset by calling the AddChild() method.

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()
        {
            InitializeComponent();
        }
    }
}


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.

Hi,


I want to set the selected node in my treeview by the programm. I tried the following:


testTree.SetSelected(testTree.Selected);


So just select the selected Node again to invoke the function private void Tree_NodeClick(object sender, TreeEventArgs e)


But I get the error: Message: Unhandled Error in Silverlight 2 Application Object reference not set to an instance of an object.   at SLApp2.MainPage.Tree_NodeClick(Object sender, TreeEventArgs e)   at Liquid.Tree.RaiseEvent(TreeEventHandler handler, Object sender, TreeEventArgs args)   at Liquid.Tree.set_Selected(Node value)   at Liquid.Tree.SetSelected(Node node)


Anbody an idea how to just invoke the Tree_NodeClick function again for the selected node?


bilik

dan posted on treeview drag and drop

Hi,


Unfortunately not, the TreeView supports only drag and drop, the dragging node cannot be copied.


Thanks!

charly posted on GotFocus

GotFocus is not working...

i am doing the "node selection" event via MouseleftButtonDown, but as you knw there are many ways to have the focus. in a Node, i thing a NodeSelected event should be placed..

Greetings

The problems is that when i add a new Node to the existing node all the NodeExpand Event becames null, the workaround can be (and that's the way i am doing it now to set the NodeExpand at the end of the process, so no new nodes will be in the Nodes collection and the eventhandler will not be updated to null...

ericstremblay posted on Error with nodes name.

OK, using T.Clear() instead of T.Nodes.Clear() fixed the issue in my application.  Thank you!!

Hi,


Not at this time.  We may add some mechanism for copying only a single node, but as  nodes can contain other nodes, the process or cloning a node is too large at this time.


Thanks!

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...