RadDocumentPane tab postion

[Tom]

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

[George]

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

[Tom]

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

[George]

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

[Tom]

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.

[George]

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

[Tom]

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

[Tom]

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

[Michael]

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.

[Michael]

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.

[George]

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

 

 

[Tayyaba]

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

[Petar Mladenov]

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

[Tayyaba]

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

[Petar Mladenov]

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