This is a migrated thread and some comments may be shown as answers.

RadDocking inside RadTabControl

5 Answers 199 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Thomas
Top achievements
Rank 1
Thomas asked on 19 Sep 2011, 07:21 AM
Hi,

With Q2 2011, it is not possible to drag RadDocking panes, when the raddocking is placed inside
a radtabcontrol. See code below. I think that this is a known issue.
When do you expect to solve this issue?
In the meanwhile, is there a workaround?

Thanks,
Thomas



<
Window x:Class="MainWindow"
        Title="MainWindow" Height="350" Width="525">
        <Grid>
        <telerik:RadTabControl >
            <telerik:RadTabItem Header="Item 1">
                <telerik:RadDocking>
                    <telerik:RadSplitContainer>
                        <telerik:RadPaneGroup>
                            <telerik:RadPane Header="1"></telerik:RadPane>
                            
                        </telerik:RadPaneGroup>
                    </telerik:RadSplitContainer>
                    <telerik:RadSplitContainer>
                        <telerik:RadPaneGroup>
                        <telerik:RadPane Header="2"></telerik:RadPane>
                        </telerik:RadPaneGroup>
                    </telerik:RadSplitContainer>
                </telerik:RadDocking>
            </telerik:RadTabItem>
        </telerik:RadTabControl>
    </Grid>
</Window>

5 Answers, 1 is accepted

Sort by
0
Konstantina
Telerik team
answered on 21 Sep 2011, 03:32 PM
Hi Thomas,

Yes, this is a known issue. To make it work you need to disable the RadDragAndDropManager before the

InitializeComponent() of the page:

RadDragAndDropManager.ExecutionMode = DragExecutionMode.Disabled;

Hope this information helps.

Regards,
Konstantina
the Telerik team
Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
0
Thomas
Top achievements
Rank 1
answered on 25 Sep 2011, 10:55 AM
Hi,

Thanks for your reply.
I tried this in my application, but unfortunately without success.
When I tried with the wpf TabControl then everything seems to work ok.
But I noticed that sometimes the panes stay blank, as if the controls inside the panes aren't loaded.

Thomas
0
Konstantina
Telerik team
answered on 28 Sep 2011, 12:46 PM
Hi Thomas,

Could you please give us some more details when exactly this is not working and what is the difference in your application. If you could provide us with an example project, where we can observe this behaviour it will be really helpful for tracking down the source of the problem.

Best wishes,
Konstantina
the Telerik team
Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
0
Adrian
Top achievements
Rank 1
answered on 05 Oct 2011, 03:42 PM

It's good to known, that this is a know issue.

The funny thing in the issue is following:

1. Click on the Arrow left to the Pin. 
2. Change from "Dockable" to "Floating". Float a bit around 
3. Change back to "Dockable" by right-click on the floating Frame and choose from context-menu
4. Now you can dock it anywhere

As soon it's docked: You'll have to repeat from step 1 to 4.
In my Case I've got everything in one WPF Windows. So the suggested workaround (DragExecutionMode.Disabled) did not work. 

Another funny story: The project made with 2011 Q1 (and now using Q2 SP1 - September Release) will not change the panes in Designmode when change the tab. If I copy paste to a new solution, the tab-change will be recognized in Designmode. If necessary I could create some video files with showing the case.

My (maybe bad) Example  of the WPF with Dock and Tab:

<Window x:Class="Area51.MainWindow"
        Title="MainWindow" Height="350" Width="525"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
    <Grid>
        <telerik:RadToolBarTray Name="MainWindowToolBar" MaxHeight="40" VerticalAlignment="Top" Width="Auto" Background="AliceBlue">
            <telerik:RadToolBar Band="0" BandIndex="0" >
                <telerik:RadButton/>
                <telerik:RadButton/>
            </telerik:RadToolBar>
            <telerik:RadToolBar Band="0" BandIndex="1" FlowDirection="LeftToRight" OverflowButtonVisibility="Collapsed">
                <telerik:RadButton HorizontalAlignment="Right" HorizontalContentAlignment="Right" />
                <telerik:RadButton HorizontalAlignment="Right" HorizontalContentAlignment="Right" />
            </telerik:RadToolBar>
        </telerik:RadToolBarTray>
  
        <telerik:RadTabControl HorizontalAlignment="Stretch" Margin="0,30,0,0" Name="radTabControl">
            <telerik:RadTabItem Header="MainWithDocking" Height="24" Name="RadTabItem">
                <Grid>
                    <telerik:RadDocking Name="RadDockMain">
                        <telerik:RadSplitContainer telerik:RadDocking.FloatingSize="140,400" telerik:DockingPanel.InitialSize="400,150" InitialPosition="DockedTop">
                            <telerik:RadPaneGroup Align="Left" telerik:ProportionalStackPanel.RelativeSize="100,60" ScrollMode="Item">
                                <telerik:RadPane Header="Info" CanUserClose="False" telerik:RadDocking.SerializationTag="MainDataPane" CanFloat="True">
                                    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                                        <Grid></Grid>
                                    </ScrollViewer>
                                </telerik:RadPane>
                            </telerik:RadPaneGroup>
                            <telerik:RadPaneGroup Align="Left" >
                                <telerik:RadPane Header="OrdDet" CanUserClose="False" telerik:RadDocking.SerializationTag="DetailOrderPane" CanFloat="True">
                                    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                                        <Grid></Grid>
                                    </ScrollViewer>
                                </telerik:RadPane>
                                <telerik:RadPane Header="Currency" CanUserClose="False" telerik:RadDocking.SerializationTag="DetailCurrencyPane" CanFloat="True">
                                    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                                        <Grid></Grid>
                                    </ScrollViewer>
                                </telerik:RadPane>
                                <telerik:RadPane Header="SavObj" CanUserClose="False" telerik:RadDocking.SerializationTag="DetailDataPane" CanFloat="True">
                                    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                                        <Grid></Grid>
                                    </ScrollViewer>
                                </telerik:RadPane>
                            </telerik:RadPaneGroup>
                        </telerik:RadSplitContainer>
                        <telerik:RadSplitContainer InitialPosition="DockedLeft" MinWidth="80">
                            <telerik:RadPaneGroup>
                                <telerik:RadPane CanUserClose="False" Header="Parts" telerik:RadDocking.SerializationTag="PartListPane">
                                    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                                        <Grid>
                                            <telerik:RadTreeView Name="treeViewArticleDetails" VerticalAlignment="Top">
  
                                            </telerik:RadTreeView>
                                        </Grid>
                                    </ScrollViewer>
                                </telerik:RadPane>
                            </telerik:RadPaneGroup>
                        </telerik:RadSplitContainer>
                        <telerik:RadDocking.DocumentHost>
                            <telerik:RadSplitContainer>
                                <telerik:RadPaneGroup>
                                    <telerik:RadDocumentPane CanUserClose="False" PaneHeaderVisibility="Hidden" CanFloat="False" CanDockInDocumentHost="False" CanUserPin="False" telerik:RadDocking.SerializationTag="CostClassGridPane">
                                        <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                                            <Grid>
                                                <telerik:RadGridView Name="dgvCostTable" DataContext="{Binding}" AutoGenerateColumns="False" ShowGroupPanel="False" FontSize="11">
                                                    <telerik:RadGridView.ContextMenu>
                                                        <ContextMenu Name="CostTableDataGridContext">
                                                        </ContextMenu>
                                                    </telerik:RadGridView.ContextMenu>
                                                    <telerik:RadGridView.Columns>
                                                        <telerik:GridViewDataColumn DataMemberBinding="{Binding CostID}" Header="col_Costclass"/>
                                                        <telerik:GridViewDataColumn DataMemberBinding="{Binding Description}" Header="col_Description"/>
                                                        <telerik:GridViewDataColumn DataMemberBinding="{Binding SinglePrice}" Header="col_CostQty" DataFormatString="{} {0:n}" TextAlignment="Right"/>
                                                        <telerik:GridViewDataColumn DataMemberBinding="{Binding TotalCost}" Header="col_TotalCost" DataFormatString="{} {0:n}" TextAlignment="Right"/>
                                                    </telerik:RadGridView.Columns>
                                                </telerik:RadGridView>
                                            </Grid>
                                        </ScrollViewer>
                                    </telerik:RadDocumentPane>
                                </telerik:RadPaneGroup>
                            </telerik:RadSplitContainer>
                        </telerik:RadDocking.DocumentHost>
                    </telerik:RadDocking>
                </Grid>
            </telerik:RadTabItem>
            <telerik:RadTabItem Header="Details" Height="24" Name="RadTabItemDetails">
                <Grid></Grid>
            </telerik:RadTabItem>
        </telerik:RadTabControl>
    </Grid>
</Window>

And the CS Behind:
using System.Windows;
  
namespace Area51
{
    using Telerik.Windows.Controls.DragDrop;
  
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
                //Suggested try
                RadDragAndDropManager.ExecutionMode = DragExecutionMode.Disabled; 
            InitializeComponent(); 
        }
    }
}

I'll hope some of my information will help your investigation.

Regards Adrian
0
Konstantina
Telerik team
answered on 10 Oct 2011, 09:46 AM
Hello Adrian,

We were able to observe the issue.

We will research it further. I will get back to you as soon as we have more details.

Thank you for your patience.

Regards,
Konstantina
the Telerik team
Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
Tags
Docking
Asked by
Thomas
Top achievements
Rank 1
Answers by
Konstantina
Telerik team
Thomas
Top achievements
Rank 1
Adrian
Top achievements
Rank 1
Share this question
or