or
1 answer
35 views
Hello,
With the telerik:RadDocking the content of the tab that I open expect a specific parent Window (of type like WindowBase) with utilities, notification, modals, ...
Then I drag out one of the docking pane the parent window is a ToolWindow, is there a way to create a custom ToolWindow or wrap the content of a ToolWindow in a custom UserControl ?
Thanks you,
Martin Ivanov
Telerik team
answered
on
19 Mar 2025
1 answer
76 views
Hi,
3 questions please about RadDocking element sizes and positioning.
It's quite a simple layout: 1 dockable navigation (filters/selection) pane and 1 results/data pane in the document host.
There can only be 1 tab in each pane but the layout will be used by many different screen types.
---------------------------------------------------------------------------------
1) Is it possible to make the resize strip wider? - it's very narrow and often difficult to find. In the screenshot below I've set the RadPaneGroups' borders to be thick, leaving the obvious and narrow resize strip in between,
---------------------------------------------------------------------------------
2) Is it possible to make the compass targets larger - they're very small.
---------------------------------------------------------------------------------
3) It it possible to set the dock position programmatically? I've put a simple context menu in the TitleTemplate.
The first call to this always works but subsequent calls don't do anything:
private void OnPositionContextMenuClicked(object sender, RoutedEventArgs e)
{
DockState ds = (DockState)((MenuItem)sender).Tag;
if(this.NavigationSplitContainer.InitialPosition != ds)
{
this.NavigationSplitContainer.InitialPosition = ds;
}
}
Here's the XAML (a simplified version of the demo code - the panes are injected programatically):
<UserControl x:Class="DM_Frontend_Views.TwoPaneDockingScreen"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:DM_Frontend_Views"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
xmlns:dock="clr-namespace:Telerik.Windows.Controls.Docking;assembly=Telerik.Windows.Controls.Docking"
mc:Ignorable="d"
d:DesignHeight="450" d:DesignWidth="800">
<!-- xmlns:telerikQuickStart="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=QuickStart.Common" -->
<UserControl.Resources>
<ResourceDictionary>
<SolidColorBrush x:Key="ContentForegroundBrush" Color="#FF020202" />
<SolidColorBrush x:Key="LabelBrush" Color="#767676" />
<DataTemplate x:Key="TitleTemplate">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="20" />
</Grid.ColumnDefinitions>
<ContentPresenter Content="{Binding}" Margin="0,0,75,0" />
<telerik:RadButton Grid.Column="1" x:Name="PositionButton" Content="^" Click="PositionButton_Click">
<telerik:RadButton.ContextMenu>
<ContextMenu Name="cm" StaysOpen="false">
<MenuItem Header="Left" Tag="{x:Static dock:DockState.DockedLeft}" Click="OnPositionContextMenuClicked"/>
<MenuItem Header="Right" Tag="{x:Static dock:DockState.DockedRight}" Click="OnPositionContextMenuClicked"/>
<MenuItem Header="Up" Tag="{x:Static dock:DockState.DockedTop}" Click="OnPositionContextMenuClicked"/>
<MenuItem Header="Down" Tag="{x:Static dock:DockState.DockedBottom}" Click="OnPositionContextMenuClicked"/>
</ContextMenu>
</telerik:RadButton.ContextMenu>
</telerik:RadButton>
</Grid>
</DataTemplate>
<!-- <ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/Docking;component/FirstLook/Resources.xaml" />
</ResourceDictionary.MergedDictionaries> -->
</ResourceDictionary>
</UserControl.Resources>
<Grid Margin="8 0">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<telerik:RadMenu Grid.Row="0">
<telerik:RadMenuItem Header="FILE" />
<telerik:RadMenuItem Header="EDIT" />
<telerik:RadMenuItem Header="VIEW" />
</telerik:RadMenu>
<telerik:RadDocking x:Name="RadDocking"
RetainPaneSizeMode="DockingAndFloating"
CanAutoHideAreaExceedScreen="True"
Grid.Row="1" Margin="0 0 0 10"
BorderThickness="00"
Padding="0"
PreviewShowCompass="RadDocking_PreviewShowCompass">
<!-- Navigation/selection pane -->
<telerik:RadSplitContainer MaxWidth="600" telerik:DockingPanel.InitialSize="296,150" MinWidth="300"
Name="NavigationSplitContainer" InitialPosition="DockedLeft" BorderThickness="0,0,0,0">
<telerik:RadPaneGroup x:Name="NavigationPaneGroup" BorderThickness="0,0,20,0">
<telerik:RadPane x:Name="NavigationPane" CanUserClose="False" CanFloat="True" CanDockInDocumentHost="False" TitleTemplate="{StaticResource TitleTemplate}" Title="">
<telerik:RadPane.Header>
<TextBlock FontSize="40" Text="Filters"/>
</telerik:RadPane.Header>
<telerik:RadPane.Content>
<Grid x:Name="NavigationContentGrid">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="17.5"/>
<!-- Spacer -->
</Grid.RowDefinitions>
</Grid>
</telerik:RadPane.Content>
</telerik:RadPane>
</telerik:RadPaneGroup>
</telerik:RadSplitContainer>
<!-- Data/results pane -->
<telerik:RadDocking.DocumentHost>
<telerik:RadSplitContainer x:Name="MainSplitContainer" BorderThickness="0,0,0,0">
<telerik:RadPaneGroup x:Name="MainPaneGroup" BorderThickness="20,0,0,0">
<telerik:RadPane x:Name="MainPane" Header="Main Pane" CanFloat="False" Visibility="Collapsed" CanUserClose="False">
<telerik:RadPane.Content>
<Grid x:Name="MainContentGrid">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="17.5"/>
<!-- Spacer -->
</Grid.RowDefinitions>
</Grid>
</telerik:RadPane.Content>
</telerik:RadPane>
</telerik:RadPaneGroup>
</telerik:RadSplitContainer>
</telerik:RadDocking.DocumentHost>
</telerik:RadDocking>
</Grid>
</UserControl>Any advice (maybe regarding Templates/Adorners) would be very much appreciated!
Martin Ivanov
Telerik team
answered
on
22 Jan 2025
1 answer
41 views
Our ultimate goal is to have a pane - the "Zone Editor" be collapsed by default but fly out once a variable is set - we have achieved part of this behavior using the code segment below. However, when we lose focus on the pane, it flies away again, even if the IsActive variable is set to true. Is there a way to prevent this?
<telerik:RadSplitContainer InitialPosition="DockedRight" Orientation="Horizontal" >
<telerik:RadPaneGroup Name="ZoneEditorPane">
<zoneEditor:ZoneEditor IsActive="{Binding DataContext.IsZoneEditorVisible, ElementName=DockingControl, Mode=TwoWay}" AutoHideWidth="1075" />
</telerik:RadPaneGroup>
</telerik:RadSplitContainer>
Stenly
Telerik team
answered
on
24 Dec 2024
1 answer
58 views
I am working on an application that uses a DockingPanesFactory to add RadPanes to a window. These RadPanes have KeyTriggers that do not execute when floating. I understand that it is because it becomes a ToolWindow and therefore it is not in the same visual tree. How can I make sure tgatvmy key triggers get passed to the ToolWindow so the commands execute?
2 answers
113 views
Hi. Curently I faced with an issue that I cannot correctly hide tab if I have only one RadPane in the window.
What I am trying to to is the following: I wish to have PaneHeader if I have only one RadPane in the group and hide it and show tabs if more thatn one RadPane. Also I want to completely hide everything if this RadPane is inside ToolWindow. (Similar to Bottom template, but with differ that tabs are on top)
What I have currently:
It works when I undock it to ToolWIndow, but fails when I dock it again in the right/left parts of the docking control. Seems binding in the trigger simply does not work.
I am attaching my TopRadPane group Template. Please, point me what I am doing wrong:
<ControlTemplate x:Key="RadPaneGroupTopControlTemplate" TargetType="telerikDocking:RadPaneGroup">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<dock:RadGridResizer x:Name="DockResizer" Placement="Left" ShowsPreview="True" Visibility="Collapsed"/>
<Border
x:Name="HeaderTabs"
Grid.Column="1">
<Grid x:Name="ItemsContainer" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<ItemsPresenter x:Name="ItemsPresenterElement" Margin="0"/>
<telerik:RadButton x:Name="CloseButton"
Grid.Column="1"
Command="telerikDocking:RadDockingCommands.Close"
Style="{StaticResource RadButtonDocumentCloseStyle}"
Visibility="{Binding IsEnabled, RelativeSource={RelativeSource Self}, Converter={StaticResource BooleanToVisibilityConverter}}"/>
</Grid>
<Border.Style>
<Style TargetType="Border">
<Setter Property="BorderThickness" Value="1" />
<Setter Property="Visibility" Value="Visible"/>
<Style.Triggers>
<MultiDataTrigger>
<MultiDataTrigger.Conditions>
<Condition Binding="{Binding RelativeSource={RelativeSource AncestorType=telerik:RadPaneGroup}, Path=IsInToolWindow}" Value="true" />
<Condition Binding="{Binding RelativeSource={RelativeSource AncestorType=telerik:RadPaneGroup}, Path=IsSingleItem}" Value="true" />
</MultiDataTrigger.Conditions>
<Setter Property="Visibility" Value="Collapsed" />
</MultiDataTrigger>
</Style.Triggers>
</Style>
</Border.Style>
</Border>
<dock:PaneHeader Grid.Column="1"
x:Name="HeaderElement"
SelectedPane="{TemplateBinding SelectedPane}"
Visibility="Collapsed">
<!-- <dock:PaneHeader.Style> -->
<!-- <Style TargetType="dock:PaneHeader" BasedOn="{StaticResource PaneHeaderStyle}"> -->
<!-- <Setter Property="Visibility" Value="Collapsed"/> -->
<!-- <Style.Triggers> -->
<!-- <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=telerik:RadPaneGroup}, Path=., Converter={StaticResource HeaderVisibilityConverter}}" Value="True"> -->
<!-- <Setter Property="Visibility" Value="Visible"/> -->
<!-- </DataTrigger> -->
<!-- </Style.Triggers> -->
<!-- </Style> -->
<!-- </dock:PaneHeader.Style> -->
</dock:PaneHeader>
<Border x:Name="BorderVisual"
Grid.Column="1"
Grid.Row="1"
Grid.RowSpan="1"
BorderThickness="{TemplateBinding BorderThickness}"
BorderBrush="{TemplateBinding BorderBrush}"
Background="{TemplateBinding Background}"/>
<Border x:Name="AccentBorderVisual"
Grid.Column="1"
Grid.Row="1"
Grid.RowSpan="1"
BorderThickness="{TemplateBinding BorderThickness}"
BorderBrush="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(helpers:ThemeHelper.CheckedBrush)}"
Visibility="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=SelectedPane.IsActive, Converter={StaticResource BooleanToVisibilityConverter}}"/>
<Grid Grid.Row="1" Grid.Column="1">
<ContentPresenter x:Name="ContentElement"
Visibility="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsContentPreserved, Converter={StaticResource InvertedBooleanToVisibilityConverter}}"
ContentTemplate="{TemplateBinding SelectedContentTemplate}"
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
Margin="{TemplateBinding Padding}"/>
<Grid x:Name="ContentElementsPanel" Visibility="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsContentPreserved, Converter={StaticResource BooleanToVisibilityConverter}}"/>
</Grid>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="SplitterPosition">
<Trigger.Value>
<Dock>Left</Dock>
</Trigger.Value>
<Setter TargetName="DockResizer" Property="Visibility" Value="Visible"/>
<Setter TargetName="DockResizer" Property="Grid.RowSpan" Value="3"/>
<Setter TargetName="DockResizer" Property="Placement" Value="Left"/>
<Setter TargetName="DockResizer" Property="MinWidth" Value="10"/>
</Trigger>
<Trigger Property="SplitterPosition">
<Trigger.Value>
<Dock>Top</Dock>
</Trigger.Value>
<Setter TargetName="DockResizer" Property="Visibility" Value="Visible"/>
<Setter TargetName="DockResizer" Property="Grid.ColumnSpan" Value="2"/>
<Setter TargetName="DockResizer" Property="Placement" Value="Top"/>
<Setter TargetName="DockResizer" Property="MinHeight" Value="10"/>
<Setter TargetName="DockResizer" Property="VerticalAlignment" Value="Top"/>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter TargetName="ContentElement" Property="Opacity" Value="{telerik:Office2019Resource ResourceKey=DisabledOpacity}"/>
<Setter Property="Foreground" Value="{telerik1:Office2019Resource ResourceKey=DisabledForegroundBrush}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
1 answer
71 views
Hi, I have an issue trying to style RadDocking control.
I want that my PaneHeaders change their background when user selects them. I tried to modify RadPaneGroup ControlTemplate and RadPane Control Template, but with no luck. Could you please provide me detail sample for that?
One more question - how to correctly control height of the RadGroupHeader (Part where PaneHeaders *(tabs) are suited)? I simply dont understand which part of template should be responcible for that.
P.S. I am using Office 2019 theme.
1 answer
105 views
Martin Ivanov
Telerik team
answered
on
22 May 2024
1 answer
68 views
Hi,
I'm using a RadDocking with the VisualStudio2019 Dark theme.
I'm getting confused as the header background styling is up side down in RadPane and RadTabItem leading to poor user experience.
How can I have the same styling behavior as RadTabItem header applied to RadPane header ?
Thanks.
1 answer
96 views
Hi
I'm using RadDocking.LoadLayout to save and restore the positions of docked panels.
My application is localized and every string in xaml is set in this form (for instance...):
Where r:ResourcesKey.key is an index in the language dictionary selected in the application.
When I change the localization with an existing xml for layout, the headers of panels are read from the xml and are in the previous language.
Ho can I force to rewrite the strings in the right language (without delete the layout xml file)?
Thank you
Luigi
I'm using RadDocking.LoadLayout to save and restore the positions of docked panels.
My application is localized and every string in xaml is set in this form (for instance...):
Header="{DynamicResource ResourceKey={x:Static r:ResourcesKeys.key}}"When I change the localization with an existing xml for layout, the headers of panels are read from the xml and are in the previous language.
Ho can I force to rewrite the strings in the right language (without delete the layout xml file)?
Thank you
Luigi
Martin Ivanov
Telerik team
answered
on
16 Apr 2024
1 answer
72 views
Hello,
I have a floating RadPane, I need to identify when the user stops dragging it. It can be still floating and and not docked.
Stenly
Telerik team
answered
on
08 Apr 2024
