I have following items in left side panel
this is the code section for above
<StackPanel Grid.Column="0" Margin="0,0,5,65" Grid.RowSpan="3">
<diag:NodeListView x:Name="shapeList" Margin="4,0,-59,0"/>
<Grid Grid.Row="1" Height="298">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="27*"/>
<ColumnDefinition Width="5*"/>
<ColumnDefinition Width="5*"/>
<ColumnDefinition Width="13*"/>
<ColumnDefinition Width="2*"/>
<ColumnDefinition Width="0*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="162"/>
<RowDefinition/>
</Grid.RowDefinitions>
<mfc:PropertyGrid x:Name="diagramPropertyGrid" SectionCornerRadius="0" Header="Diagram Properties" DescriptionVisibility="Collapsed" Padding="0" Margin="4,4,-60,0" SectionMargin="0,0,0,0" PropertyDisplayType="DeclaredOnly" ShowReadOnlyProperties="False" Grid.Column="0" Grid.ColumnSpan="6" />
<mfc:PropertyGrid x:Name="wpfPropertyGrid" SectionCornerRadius="0" Header="Selected Object Properties" Grid.Row="1" Padding="0" Margin="4,5,-60,4" SectionMargin="0,0,0,0" PropertyDisplayType="DeclaredOnly" ShowReadOnlyProperties="False" Grid.Column="0" Grid.ColumnSpan="6" />
<mfc:ColorEditor x:Name="colorEdit" ColorBoxClick="OnColorClick" RenderTransformOrigin="0.562,2.074" Grid.ColumnSpan="6" Margin="0,135,-140,-239" Grid.Row="1" />
<GridSplitter ShowsPreview="True" Grid.Row="1" Height="4" Background="#88aee0" VerticalAlignment="Top" Grid.ColumnSpan="6" Width="316" Margin="0,0,-60,0" />
</Grid>
</StackPanel>
<diag:Overview x:Name="overview" Document="{Binding ElementName=flowchart}" Margin="55,0,950,57" RenderTransformOrigin="3.419,-5.111" Grid.Column="1"/>
<mfc:ZoomControl
x:Name="zoomControl"
Target="{Binding ElementName=flowchart}"
ScrollStep="40"
MinZoomFactor="10"
Width="52"
Panel.ZIndex="1"
Margin="70,93,968,119" RenderTransformOrigin="3.198,0.538" HorizontalAlignment="Center" Grid.Column="1" Grid.RowSpan="3">
<mfc:ZoomControl.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle="-0.197"/>
<TranslateTransform X="0.083" Y="-1.129"/>
</TransformGroup>
</mfc:ZoomControl.RenderTransform>
</mfc:ZoomControl>
Now I'm trying to insert these items to single panel and allow to collapse that panel.
So I tried following thing
<Expander Width="auto" ExpandDirection="Left" HorizontalAlignment="Right" Margin="0,0,955,10" Grid.RowSpan="5" Grid.ColumnSpan="2">
<Expander.Header>
<Border BorderBrush="Black" BorderThickness="1" Height="598" Margin="0,0,-1,0" Width="370">
<!-- Toolbox -->
<StackPanel Grid.Column="0" Margin="0,0,5,65" Grid.RowSpan="3">
<diag:NodeListView x:Name="shapeList" Margin="4,0,-59,0"/>
<Grid Grid.Row="1" Height="298">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="27*"/>
<ColumnDefinition Width="5*"/>
<ColumnDefinition Width="5*"/>
<ColumnDefinition Width="13*"/>
<ColumnDefinition Width="2*"/>
<ColumnDefinition Width="0*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="162"/>
<RowDefinition/>
</Grid.RowDefinitions>
<mfc:PropertyGrid x:Name="diagramPropertyGrid" SectionCornerRadius="0" Header="Diagram Properties" DescriptionVisibility="Collapsed" Padding="0" Margin="4,4,-60,0" SectionMargin="0,0,0,0" PropertyDisplayType="DeclaredOnly" ShowReadOnlyProperties="False" Grid.Column="0" Grid.ColumnSpan="6" />
<mfc:PropertyGrid x:Name="wpfPropertyGrid" SectionCornerRadius="0" Header="Selected Object Properties" Grid.Row="1" Padding="0" Margin="4,5,-60,4" SectionMargin="0,0,0,0" PropertyDisplayType="DeclaredOnly" ShowReadOnlyProperties="False" Grid.Column="0" Grid.ColumnSpan="6" />
<mfc:ColorEditor x:Name="colorEdit" ColorBoxClick="OnColorClick" RenderTransformOrigin="0.562,2.074" Grid.ColumnSpan="6" Margin="0,135,-140,-239" Grid.Row="1" />
<GridSplitter ShowsPreview="True" Grid.Row="1" Height="4" Background="#88aee0" VerticalAlignment="Top" Grid.ColumnSpan="6" Width="316" Margin="0,0,-60,0" />
</Grid>
<diag:Overview x:Name="overview" Document="{Binding ElementName=flowchart}" Margin="55,0,950,57" RenderTransformOrigin="3.419,-5.111" Grid.Column="1"/>
<mfc:ZoomControl
x:Name="zoomControl"
Target="{Binding ElementName=flowchart}"
ScrollStep="40"
MinZoomFactor="10"
Width="52"
Panel.ZIndex="1"
Margin="70,93,968,119" RenderTransformOrigin="3.198,0.538" HorizontalAlignment="Center" Grid.Column="1" Grid.RowSpan="3">
<mfc:ZoomControl.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle="-0.197"/>
<TranslateTransform X="0.083" Y="-1.129"/>
</TransformGroup>
</mfc:ZoomControl.RenderTransform>
</mfc:ZoomControl>
</StackPanel>
</Border>
</Expander.Header>
</Expander>
but this is not expand properly and missing `mfc:ZoomControl` and `Overview `