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

RadDocumentPane tab postion

14 Answers 185 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Tom
Top achievements
Rank 1
Tom asked on 26 Nov 2010, 01:10 PM
Hi

By default, the tabs for the RadDocumentPane appear at the top of the window - for normal Panes, they appear at the bottom. I'd like the RadDocumentPane tabs to also appear at the bottom. I thought the following XAML would do the trick, but it seems not to:

Thanks in advance.

<telerik:RadDocking.DocumentHost>
     <telerik:RadSplitContainer Name="DocContainer">
         <telerik:RadPaneGroup  TabStripPlacement="Bottom">
              <telerik:RadDocumentPane Header="Page 1"/>
         </telerik:RadPaneGroup>
    </telerik:RadSplitContainer Name="DocContainer">
</telerik:RadDocking.DocumentHost

14 Answers, 1 is accepted

Sort by
0
George
Telerik team
answered on 29 Nov 2010, 12:42 PM
Hi Tom,

The TabStripPlacement property is not supported in RadDocking control. For more information about not supported properties, please refer to our online documentation - http://www.telerik.com/help/wpf/not-supported-properties.html.

Sorry for any inconvenience caused.

All the best,
George
the Telerik team
Browse the videos here>> to help you get started with RadControls for WPF
0
Tom
Top achievements
Rank 1
answered on 29 Nov 2010, 12:46 PM
Hi George

Thanks for the response. Is there an easy way to do what I want? From what I've read, it seems  I need to create a custom Template for my DocumentPanes, and this requires the use of ExpressionBlend, which I don't have access to.

Is there a more simple quick and easy way to change the tab placement position to the bottom? I don't mind editing Telerik source code to get this done if needs be.

Thanks
Tom
0
George
Telerik team
answered on 29 Nov 2010, 12:50 PM
Hello Tom,

The easiest way to accomplish this is using a custom template for RadDocking. Could you please specify which theme you use? If you want, I could send you the RadDocking theme for you so you could easily edit it.

 

Regards,
George
the Telerik team
Browse the videos here>> to help you get started with RadControls for WPF
0
Tom
Top achievements
Rank 1
answered on 29 Nov 2010, 12:54 PM
At the moment my app can switch between different themes. I've had a look at the existing themes to try and see if I can hand edit them, but I'm not totally clear what I need to edit. If you could send me an example theme with the DocumentPane tabs at the bottom, that would be brilliant. I could do a diff and see what has changed from the original.
0
Accepted
George
Telerik team
answered on 01 Dec 2010, 01:47 PM
Hi Tom,

I would suggest you to edit the DocumentHostTemplate of the RadPaneGroup. Attached you can find the file.

I hope this helps. 

Greetings,
George
the Telerik team
Browse the videos here>> to help you get started with RadControls for WPF
0
Tom
Top achievements
Rank 1
answered on 01 Dec 2010, 02:03 PM
Hi

Thanks for the xml file. Would it be possible to point me to the line I need to edit, and to tell me what I then have to do with this xml file to use it in my solution?

Thanks
Tom Davies
0
Tom
Top achievements
Rank 1
answered on 01 Dec 2010, 07:16 PM
Hi

I've managed to get the behviour I wanted by searching the Telerik source files for all instances of PaneGroupDocumentTemplate in the Telerik source code, and changing round the Grid.Row properties of the ContentControl and TabStrip in each one, then recompiling the source code.

Thanks for the help
Tom
0
Michael
Top achievements
Rank 1
answered on 02 Apr 2014, 03:58 PM
Hello,

I want to do something like show RadDocumentPane tabs and be able to organize them among the docking stations.

Then have the tab templates be customized with an ImageSource and TextBlock.

At the moment the best I've been able to do is have the TitleTemplate customized. Our XAML is like this, but I'm sure this needs to be fleshed out a bit.

<telerik:RadDocking x:Name="Dock" Grid.Row="1">
  <telerik:RadSplitContainer>
    <telerik:RadPaneGroup x:Name="Group" />
  </telerik:RadSplitContainer>
</telerik:RadDocking>

Bearing in mind my working knowledge of docking is somewhat clumsy at the moment.

Thank you.

Best regards.
0
Michael
Top achievements
Rank 1
answered on 02 Apr 2014, 04:06 PM
Responding to Tom's reply 12/1/2010, how elaborate of a solution are we looking at? Are there any (simple-ish) examples we can review to learn what we need/want to do to accomplish this? Goals in mind are, showing document tabs, customizing with stacked controls, image and text-block, and so on.
0
George
Telerik team
answered on 04 Apr 2014, 12:33 PM
Hi Michael,

If you want to add some custom elements to the pane header, I would suggest using the RadPane.HeaderTemplate property. Here is a detailed article which describes how to achieve this - http://www.telerik.com/help/wpf/raddocking-how-to-add-icon-pane-header.html

Regards,
George
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Tayyaba
Top achievements
Rank 1
answered on 16 May 2018, 06:01 AM

Hi,

 

As Tom wanted to customize RadDocumentPane header placement to be at the bottom to match them with the RadPanes, while I want the exact opposite of this.
I want to place the normal RadPanes tab to be on the top in place of their Header, I want to remove the header, and just want the tab to act as Pane header.

Please let me know which is the easiest way to achieve this.

 

Thanks,

Tayyaba

0
Petar Mladenov
Telerik team
answered on 18 May 2018, 12:52 PM
Hello Tayyaba,

By default, the TabStripPlacement of RadPaneGroup is Bottom. You can set it to Top.

<telerik:RadDocking x:Name="radDocking1">
         
               <telerik:RadSplitContainer >
                   <telerik:RadPaneGroup TabStripPlacement="Top" >
 
                       <telerik:RadPane Header="Pane 1" HeaderTemplate="{StaticResource HeaderTemplate}" >
                           <TextBlock Text="Some simple text here"/>
                       </telerik:RadPane>
                       <telerik:RadPane Header="Pane 2" HeaderTemplate="{StaticResource HeaderTemplate}">
 
                           <TextBlock Text="Some simple text here"/>
                       </telerik:RadPane>
                   </telerik:RadPaneGroup>
               </telerik:RadSplitContainer>
       
       
       </telerik:RadDocking>

You can check the result in the attached snapshot. Please let us know if your requirement is different.

Regards,
Petar Mladenov
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
0
Tayyaba
Top achievements
Rank 1
answered on 21 May 2018, 05:05 AM

Hi Petar,

 

Thank you for helping me out, but using this approach the pin/unpin button of RadPane has become invisible, and is not available anywhere. Like close button is available in RadPane's tab state how pin/unpin button can be available.

 

Thanks,

Tayyaba

0
Petar Mladenov
Telerik team
answered on 23 May 2018, 09:19 AM
Hello Tayyaba,

To add this button next to tabs, you need to edit the control template of RadDocking, more specifically, the ControlTemplate named PaneGroupTopTemplate. You need to add button with the following definition:
<telerik:RadToggleButton x:Name="HeaderDropDownMenu" Grid.Column="1"
                      IsThreeState="True" Style="{StaticResource PaneHeader_MenuButtonStyle}"
                      Command="telerikDocking:RadDockingCommands.ContextMenuOpen"
                      CommandParameter="{Binding SelectedPane, RelativeSource={RelativeSource TemplatedParent}}" />



Regards,
Petar Mladenov
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
Tags
Docking
Asked by
Tom
Top achievements
Rank 1
Answers by
George
Telerik team
Tom
Top achievements
Rank 1
Michael
Top achievements
Rank 1
Tayyaba
Top achievements
Rank 1
Petar Mladenov
Telerik team
Share this question
or