RadDocking inside RadTabControl

6 posts, 0 answers
  1. Thomas
    Thomas avatar
    58 posts
    Member since:
    Jun 2009

    Posted 19 Sep 2011 Link to this post

    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>
  2. Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 21 Sep 2011 Link to this post

    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 >>
  3. UI for WPF is Visual Studio 2017 Ready
  4. Thomas
    Thomas avatar
    58 posts
    Member since:
    Jun 2009

    Posted 25 Sep 2011 Link to this post

    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
  5. Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 28 Sep 2011 Link to this post

    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 >>
  6. Adrian
    Adrian avatar
    3 posts
    Member since:
    Jul 2011

    Posted 05 Oct 2011 Link to this post

    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
  7. Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 10 Oct 2011 Link to this post

    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 >>
Back to Top
UI for WPF is Visual Studio 2017 Ready