How to set the width of the left column of a RadSplitContainer?

[Sergi]

How can I set the width by code in a column of the radsplitcontainer?

I tried setting the width of the item that's inside that column, but then the left and right overlap.

<telerik:RadDocking x:Name="radDocking" Grid.Row="1">
            <telerik:RadDocking.DocumentHost>
                <telerik:RadSplitContainer>
                    <telerik:RadPaneGroup x:Name="radPaneGroup2">
                        <telerik:RadPane x:Name="radPaneTools" Header="Options">
                            <StackPanel>
                                <telerik:RadButton x:Name="btnCustomers" Content="Customers" Click="btnCustomers_Click" />
                            </StackPanel>
                        </telerik:RadPane>
                    </telerik:RadPaneGroup>
                    <telerik:RadPaneGroup x:Name="radPaneDocuments" SelectionChanged="radPaneDocuments_SelectionChanged">
                        <telerik:RadPane x:Name="radPane1" Header="Document 1">
                            <TextBlock TextWrapping="Wrap" Text=""></TextBlock>
                        </telerik:RadPane>
                        <telerik:RadPane x:Name="radPane2" Header="Document 2">
                            <TextBlock TextWrapping="Wrap" Text=""></TextBlock>
                        </telerik:RadPane>
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>
            </telerik:RadDocking.DocumentHost>
        </telerik:RadDocking>

I want to make the radPaneGroup2 width fixed, but I can't manage to do it, without it overlapping radPaneDocuments.

Thanks in advance.

[Ivo]

Hi Sergi,

RadDocking.DocumentHost supports only relative size values for its children. I would suggest you moving the radPaneGroup2 out of  the DocumentHost and placing it into a RadSplitContainer with fixed width.

    <telerik:RadDocking x:Name="radDocking" Grid.Row="1">
            <telerik:RadSplitContainer Width="300">
                <telerik:RadPaneGroup x:Name="radPaneGroup2">
                    <telerik:RadPane x:Name="radPaneTools" Header="Options">
                        <StackPanel>
                            <telerik:RadButton x:Name="btnCustomers" Content="Customers"
Click="btnCustomers_Click" />
                        </StackPanel>
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
            <telerik:RadDocking.DocumentHost >
                <telerik:RadSplitContainer>
                    <telerik:RadPaneGroup x:Name="radPaneDocuments" SelectionChanged="radPaneDocuments_SelectionChanged">
                        <telerik:RadPane x:Name="radPane1" Header="Document 1">
                            <TextBlock TextWrapping="Wrap" Text=""></TextBlock>
                        </telerik:RadPane>
                        <telerik:RadPane x:Name="radPane2" Header="Document 2">
                            <TextBlock TextWrapping="Wrap" Text=""></TextBlock>
                        </telerik:RadPane>
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>
            </telerik:RadDocking.DocumentHost>
        </telerik:RadDocking>

Hope this helps.

Greetings,
Ivo
the Telerik team