How to set the size of radDocking

[Balaram Barange]

Hi Telerik,
In the following code i want to set the width of RadDocking to the windows width. i also want close panes programmitally on the basis of combo box item. my problem is that i am unable to set the width of rad docking.

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <ComboBox x:Name="cmbViewItem" Grid.Row="0" SelectionChanged="ComboBox_SelectionChanged">
            <ComboBoxItem>Input</ComboBoxItem>
            <ComboBoxItem>Ouput</ComboBoxItem>
            <ComboBoxItem>SpreadSheet</ComboBoxItem>
            <ComboBoxItem>Input And Output</ComboBoxItem>
        </ComboBox>
        <radDock:RadDocking Grid.Row="1">
            <radDock:RadSplitContainer Orientation="Vertical">
                <radDock:RadSplitContainer x:Name="TreeSpliter" Orientation="Horizontal">
                    <radDock:RadPaneGroup x:Name="winInputTree">
                        <radDock:RadPane  x:Name="inputs" Header="Inputs"  CanUserClose="True" CanUserPin="False" >
                            <navigation:RadTreeView x:Name="InputTreeGrop" SelectionMode="Multiple"
                                                    IsDragDropEnabled="True" IsEditable="True">
                                <navigation:RadTreeViewItem Header="HBO">
                                </navigation:RadTreeViewItem>
                                <navigation:RadTreeViewItem Header="Star">
                                </navigation:RadTreeViewItem>
                                <navigation:RadTreeViewItem Header="NEO">
                                </navigation:RadTreeViewItem>
                                <navigation:RadTreeViewItem Header="GEO">
                                </navigation:RadTreeViewItem>
                                <navigation:RadTreeViewItem Header="TenSports">
                                </navigation:RadTreeViewItem>
                                <navigation:RadTreeViewItem Header="A"/>
                                <navigation:RadTreeViewItem Header="B"/>
                                <navigation:RadTreeViewItem Header="C"/>
                                <navigation:RadTreeViewItem Header="D"/>
                                <navigation:RadTreeViewItem Header="E"/>
                                <navigation:RadTreeViewItem Header="F"/>
                                <navigation:RadTreeViewItem Header="G"/>
                                <navigation:RadTreeViewItem Header="H"/>
                                <navigation:RadTreeViewItem Header="I"/>
                                <navigation:RadTreeViewItem Header="J"/>
                                <navigation:RadTreeViewItem Header="K"/>

                            </navigation:RadTreeView>
                        </radDock:RadPane>
                    </radDock:RadPaneGroup>
                    <radDock:RadPaneGroup x:Name="winOutputTree">
                        <radDock:RadPane x:Name="outputs" Title="Outputs"  CanUserClose="True" CanUserPin="False">
                            <navigation:RadTabControl x:Name="tabOutputTree" TabStripPlacement="Bottom" BorderThickness="0,0,0,1" Padding="0"
                                    SnapsToDevicePixels="True" BorderBrush="#6A90BF">
                                <navigation:RadTabItem x:Name="tabStandard" Header="_Standard">
                                    <navigation:RadTreeView x:Name="outputTree" SelectionMode="Multiple"
                                                    IsDragDropEnabled="True" IsEditable="True">
                                        <navigation:RadTreeViewItem Header="HBO">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="Star">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="NEO">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="GEO">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="TenSports"/>

                                    </navigation:RadTreeView>
                                </navigation:RadTabItem>
                                <navigation:RadTabItem x:Name="tabStatisticalMultiplexing" Header="Statistical _Multiplexing">
                                    <navigation:RadTreeView x:Name="Out" SelectionMode="Multiple"
                                                    IsDragDropEnabled="True" IsEditable="True">
                                        <navigation:RadTreeViewItem Header="Cricket">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="Hockey">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="Glof">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="Table Tanis">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="Tenis">
                                        </navigation:RadTreeViewItem>
                                    </navigation:RadTreeView>
                                </navigation:RadTabItem>
                            </navigation:RadTabControl>
                        </radDock:RadPane>
                    </radDock:RadPaneGroup>
                    <radDock:RadPaneGroup x:Name="winSpreadsheet">
                        <radDock:RadPane x:Name="spreadSheet"  Title="Spreadsheet" CanUserClose="True"
                                        CanUserPin="False">
                            <navigation:RadTreeViewItem>
                                <navigation:RadTreeViewItem Header="SpreadSheet"/>
                            </navigation:RadTreeViewItem>
                        </radDock:RadPane>
                    </radDock:RadPaneGroup>
                </radDock:RadSplitContainer>
                <radDock:RadSplitContainer>
                    <radDock:RadPaneGroup x:Name="winCommandBuffer">
                        <radDock:RadPane x:Name="commandBuffer" Title="Command Buffer" CanUserPin="False" CanUserClose="False" >
                            <navigation:RadTabControl x:Name="tabCommandBuffer" TabStripPlacement="Bottom" BorderThickness="0,0,0,1" Padding="0"
                                    SnapsToDevicePixels="True" BorderBrush="#6A90BF">
                                <navigation:RadTabItem x:Name="winCurrentCommandBuffer" Header="Current Changes">
                                    <navigation:RadTreeView x:Name="currentoutputTree" SelectionMode="Multiple"
                                                    IsDragDropEnabled="True" IsEditable="True">
                                        <navigation:RadTreeViewItem Header="HBO">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="Star">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="NEO">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="GEO">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="TenSports"/>

                                    </navigation:RadTreeView>
                                </navigation:RadTabItem>
                                <navigation:RadTabItem x:Name="winPreviousCommandBuffer" Header="Previous Changes">
                                    <navigation:RadTreeView x:Name="previouse" SelectionMode="Multiple"
                                                    IsDragDropEnabled="True" IsEditable="True">
                                        <navigation:RadTreeViewItem Header="HBO">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="Star">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="NEO">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="GEO">
                                        </navigation:RadTreeViewItem>
                                        <navigation:RadTreeViewItem Header="TenSports"/>

                                    </navigation:RadTreeView>
                                </navigation:RadTabItem>
                            </navigation:RadTabControl>
                        </radDock:RadPane>
                    </radDock:RadPaneGroup>
                </radDock:RadSplitContainer>
            </radDock:RadSplitContainer>
        </radDock:RadDocking>
    </Grid>

Thanks
Balaram

[Konstantina]

Hello Balaram,

Thank you for contacting us.

The width of the Docking control is equal to the window's width. You need to set the SpilitContainer's width. You can bind its Width property to the ActualWidth of the Docking.
Please find the attached file for reference.

If you need further assistance please feel free to contact us again.

Kind regards,
Konstantina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Balaram Barange]

Hi telerik
Still i am facing one problem is that my left most pane is trimming.

Thanks
Balaram Barnge

[Konstantina]

Hi Balaram,

Thank you for contacting us.

Instead of setting the Width of the SplitContainer you can try setting HasDocumentHost="False" property of the Docking. That should stretch the SplitContainer to fit the whole Docking control.

Hope this helps.

Please feel free to contact us if you need further assistance.

All the best,
Konstantina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.