Tree layout

GoXam
1

Resolved the issue.

2

It’s the XAML that determines the appearance (and some behavior) of each node.
The model doesn’t matter, and even the data objects don’t matter, except for holding particular property values to which some of the XAML is data-bound.

I think the nodes shown in that screenshot were defined by:

<DataTemplate x:Key="NodeTemplate2"> <StackPanel go:Node.SelectionAdorned="True" go:Part.Text="{Binding Path=Data.Key}" go:Node.Location="{Binding Path=Data.Location, Mode=TwoWay}"> <go:NodeShape go:NodePanel.Figure="Cube1" go:Node.PortId="" Width="25" Height="25" Stroke="Black" StrokeThickness="1" Fill="{Binding Path=Data.Color, Converter={StaticResource theStringBrushConverter}}" HorizontalAlignment="Center" /> <TextBlock Text="{Binding Path=Data.Key}" TextAlignment="Center" TextWrapping="Wrap" HorizontalAlignment="Center" /> </StackPanel> </DataTemplate>
If you are targeting Silverlight, you’ll need to wrap the go:NodeShape inside a go:NodePanel.

3

Resolved the issue

4

But you haven’t said what you are getting and what about it that isn’t what you want and what you really do want.