[Solved] RadDock resize with grid cell

[Waleed Seada]

Dear all,

I created a three rows & two columns grid as follows:

    <Grid x:Name="LayoutRoot" ShowGridLines="True" Background="Azure">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*" MinHeight="220" />
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

I need to place a RadDock on column 0 row 1 with a RadSplitter and radpanegroup with panes inside, i achieve that as follows:

        <telerikDocking:RadDocking Grid.Row="1">
        <telerikDocking:RadSplitContainer InitialPosition="DockedLeft">
            <telerikDocking:RadPaneGroup>
                <telerikDocking:RadPane Header="Cities">
                    <TextBlock Text="Cities view comes here" />
                </telerikDocking:RadPane>
            </telerikDocking:RadPaneGroup>
        </telerikDocking:RadSplitContainer>
        </telerikDocking:RadDocking>

in the row 1 column 1 i have my MS-SL3 navigation frame where i want to open my related pages.

The issue is that the RadDock doesn't fit in the cell, How can I achieve that, it always leave a gray space wherever I dock the pane in the RadDock !!

Best regards
Waleed

[Miroslav Nedyalkov]

Hi Waleed,

 Unfortunately the Docking control doesn't support to be placed in an Auto column - it throws an exception. If you could give us some more details about your requirements we would try to help you achieve them. 

Regards,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Waleed Seada]

Hello Miroslav Nedyalkov,

I try to have the simple layout of my old asp.net application which consists of: RadSplitter and lot of panes to hold my controls.

Things are little different in SL you have a grid to hold your all controls (I believe so), and I managed to understand the grid behavior and how to place controls and make things act. when I found myself able to use telerik SL controls I decided to have a RadDock on the left as navigation holder with many sliding panes to open and navigate to different pages.

so I did but the RadDock doesn't fit to the cell where it should be, it always leave a gray area out !!! unless I select the "Tabbed Document" from the small arrow menu option or remove the column definition from the grid !!.

Could you please help me in this ...

Best regards
Waleed

[Miroslav Nedyalkov]

Hi Waleed,

 To remove this area you should set the HasDocumentHost property of the Docking control to False. This will remove the placeholder for the DocumentHost area.

Regards,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Waleed Seada]

Hello Miroslav Nedyalkov ,

I can't find this property in RadDock !!!
Here is my code :

<UserControl x:Class="SilverlightApplication1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:uriMapper="clr-namespace:System.Windows.Navigation;assembly=System.Windows.Controls.Navigation"
    xmlns:telerikDocking="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"
    xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"

    xmlns:ctr="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">
    <Grid x:Name="LayoutRoot" ShowGridLines="True" Background="Azure">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*" MinHeight="220" />
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <telerikDocking:RadDocking Grid.Row="1" ctr:StyleManager.Theme="{Binding SelectedValue, ElementName=Themes}" >
        <telerikDocking:RadSplitContainer InitialPosition="DockedLeft">
            <telerikDocking:RadPaneGroup>
                <telerikDocking:RadPane Header="Cities">
                    <TextBlock Text="Cities view comes here" />
                </telerikDocking:RadPane>
            </telerikDocking:RadPaneGroup>
        </telerikDocking:RadSplitContainer>
        </telerikDocking:RadDocking>
    </Grid>
</UserControl>

I try to add the HasDocumentHost but it gives error !!!

Regards
Waleed

[Boyan]

Hello Waleed Seada,

I believe you are using an old version of our controls as this property is relatively  new. I advise you to update your control version to the latest one 2009.3.1314. I have attached your project modified by me and with the latest .DLL s. This will remove the grey line, give it a try and see if it works the way you want.

All the best,
Boyan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.