Hi,
I want to implement RadDockeing without DocumentHost, so all would be RadPane with docking without DocumentHost
As shown in the following image.
http://i27.tinypic.com/2rx79dc.jpg
or
http://img406.imageshack.us/img406/9540/raddocsample.jpg
Could anybody please assist me how to achieve this, if possible by providing XAML.
Thanks in advance.
I want to implement RadDockeing without DocumentHost, so all would be RadPane with docking without DocumentHost
As shown in the following image.
http://i27.tinypic.com/2rx79dc.jpg
or
http://img406.imageshack.us/img406/9540/raddocsample.jpg
Could anybody please assist me how to achieve this, if possible by providing XAML.
Thanks in advance.
3 Answers, 1 is accepted
0
Accepted
Hello chintan,
Kind 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.
Currently you cannot do this in a good way. My suggestion is to change the control template of the Docking control and to remove the DocumentHost from there. The problem is that there are some issues with this. The reason is that this functionality is not fully supported by the Docking control, but it is planned for the Q3 released. My suggestion is to use the following code (that unfortunately doesn't work very well for now):
<telerikDocking:RadDocking> |
<telerikDocking:RadDocking.Template> |
<ControlTemplate TargetType="telerikDocking:RadDocking"> |
<Grid x:Name="LayoutRoot"> |
<Border Background="{TemplateBinding Background}" |
BorderBrush="{TemplateBinding BorderBrush}" |
BorderThickness="{TemplateBinding BorderThickness}" |
Padding="{TemplateBinding Padding}"> |
<telerik:RadDockPanel x:Name="RootDockPanel"> |
<dock:AutoHideArea x:Name="LeftAutoHide" |
telerik:RadDockPanel.Dock="Left" TabStripPlacement="Left" |
TabOrientation="Vertical" /> |
<dock:AutoHideArea x:Name="RightAutoHide" |
telerik:RadDockPanel.Dock="Right" TabStripPlacement="Right" |
TabOrientation="Vertical" /> |
<dock:AutoHideArea x:Name="TopAutoHide" |
telerik:RadDockPanel.Dock="Top" TabStripPlacement="Top" /> |
<dock:AutoHideArea telerik:RadDockPanel.Dock="Bottom" |
TabStripPlacement="Bottom" x:Name="BottomAutoHide" /> |
<telerikDocking:DockingPanel x:Name="ContentDockPanel"> |
<!--Panes comes here.--> |
</telerikDocking:DockingPanel> |
</telerik:RadDockPanel> |
</Border> |
<!--<Popup IsOpen="True">--> |
<Canvas x:Name="PopupPanel"> |
<dock:VisualCue x:Name="PART_DragCue" Canvas.ZIndex="999997" |
Style="{TemplateBinding VisualCueStyle}"> |
<dock:VisualCue.RenderTransform> |
<TranslateTransform /> |
</dock:VisualCue.RenderTransform> |
</dock:VisualCue> |
<dock:RootCompass x:Name="PART_RootCompass" |
RenderTransformOrigin="0.5, 0.5" |
Style="{TemplateBinding RootCompassStyle}" |
Visibility="Collapsed" Canvas.ZIndex="999998"> |
<dock:RootCompass.RenderTransform> |
<TranslateTransform /> |
</dock:RootCompass.RenderTransform> |
</dock:RootCompass> |
<dock:Compass x:Name="PART_Compass" RenderTransformOrigin="0.5, 0.5" |
Style="{TemplateBinding CompassStyle}" Visibility="Collapsed" |
Canvas.ZIndex="999999"> |
<dock:Compass.RenderTransform> |
<TranslateTransform /> |
</dock:Compass.RenderTransform> |
</dock:Compass> |
</Canvas> |
<!--</Popup>--> |
</Grid> |
</ControlTemplate> |
</telerikDocking:RadDocking.Template> |
<telerikDocking:RadSplitContainer InitialPosition="DockedTop"> |
<telerikDocking:RadPaneGroup> |
<telerikDocking:RadPane x:Name="pane1" Header="A"> |
<Button Content="B" /> |
</telerikDocking:RadPane> |
</telerikDocking:RadPaneGroup> |
<telerikDocking:RadPaneGroup> |
<telerikDocking:RadPane Header="d" CanUserClose="False"> |
<Button Content="C" /> |
</telerikDocking:RadPane> |
<telerikDocking:RadPane Header="e"> |
<Button Content="C" /> |
</telerikDocking:RadPane> |
</telerikDocking:RadPaneGroup> |
</telerikDocking:RadSplitContainer> |
<telerikDocking:RadSplitContainer InitialPosition="DockedRight"> |
<telerikDocking:RadPaneGroup> |
<telerikDocking:RadPane Header="A"> |
<Button Content="B" /> |
</telerikDocking:RadPane> |
</telerikDocking:RadPaneGroup> |
<telerikDocking:RadPaneGroup> |
<telerikDocking:RadPane Header="d" CanUserClose="False"> |
<Button Content="C" /> |
</telerikDocking:RadPane> |
<telerikDocking:RadPane Header="e"> |
<Button Content="C" /> |
</telerikDocking:RadPane> |
</telerikDocking:RadPaneGroup> |
</telerikDocking:RadSplitContainer> |
<telerikDocking:RadDocking.DocumentHost> |
<telerikDocking:RadSplitContainer> |
<telerikDocking:RadPaneGroup> |
<telerikDocking:RadPane> |
<Button Content="C" /> |
</telerikDocking:RadPane> |
</telerikDocking:RadPaneGroup> |
</telerikDocking:RadSplitContainer> |
</telerikDocking:RadDocking.DocumentHost> |
</telerikDocking:RadDocking> |
Kind 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.
0
Kirill Prokopenko
Top achievements
Rank 1
answered on 05 Nov 2009, 05:43 PM
Hello, Miroslav
What is the definition for the dock and telerik namespaces in your sample?
Yours,
Kirill
What is the definition for the dock and telerik namespaces in your sample?
Yours,
Kirill
0
Hi Kirill Prokopenko,
Check the namespaces bellow:
Kind regards,
Kaloyan
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.
Check the namespaces bellow:
xmlns:dock="clr-namespace:Telerik.Windows.Controls.Docking;assembly=Telerik.Windows.Controls.Docking"
xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
Kind regards,
Kaloyan
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.