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

Control ContextMenu in a Docking RadPane does not show up

25 Answers 822 Views

Docking

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

Ogi Ivanov asked on 15 Apr 2010, 10:37 PM

example.png

I'm using RadControls for WPF Q1 2010 in WPF solution with the MVVM pattern.
When I implemented the RadDock control the ContextMenu of the controls inside the RadPanes stopped showing up. Instead the RadPane context menu pops up with the options: Floating, Dockable etc. If I place the exact same control (StackPanel in my case) in a data tamplate and reference it from the ContentTemplate property of the RadPane as shown below it work fine. This however is not an acceptable workaround in my case. Please help me.

    
            <telerikDocking:RadSplitContainer Orientation="Vertical" InitialPosition="DockedRight">  
        
                            <telerikDocking:RadPaneGroup> 
        
                                <telerikDocking:RadPane x:Name="Pane1" Header="Not Working ContextMenu" IsPinned="True"  > 
        
                                    <StackPanel> 
        
                                        <TextBlock TextWrapping="Wrap" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>  
        
                                        <StackPanel.ContextMenu> 
        
                                            <ContextMenu> 
        
                                                <MenuItem Header="Add"  /> 
        
                                                <MenuItem Header="Edit"  /> 
        
                                                <Separator/> 
        
                                                <MenuItem Header="Delete" /> 
        
                                            </ContextMenu> 
        
                                        </StackPanel.ContextMenu> 
        
                                    </StackPanel> 
        
                                </telerikDocking:RadPane> 
        
                            </telerikDocking:RadPaneGroup> 
        
                            <telerikDocking:RadPaneGroup> 
        
                                <telerikDocking:RadPane Header="Working ContextMenu" IsPinned="True" ContentTemplate="{StaticResource template1}" /> 
        
                            </telerikDocking:RadPaneGroup> 
        
                        </telerikDocking:RadSplitContainer>

25 Answers, 1 is accepted

Accepted

answered on 05 Jul 2010, 10:02 AM

Hi,

I have been having the same problem as described in this thread in that when I am adding a context menu to a RadExpander that happens to be in a RadPane then the context menu being shown on right click is the context menu for the pane.

One of the suggestions in the thread was to replace the context menu with a RadContextMenu however when I try this on the RadExpander I get XmlParse errors that state that the contextmenu property doesn't support type of RadContextMenu.

The suggestion that setting the ContextMenuTemplate="{x:Null}" works but isn't exactly what I would want. What I believe should be happening is that if I define a context menu for a control i.e. a RadExpander within a RadPane then I should see that context menu when right clicking however, if I have not defined one or I click elsewhere within the RadPane then the RadPane context menu should be shown.

Please could you advise on the best course of action to achieve the desired behaviour.

We're using the Q2_2010 Beta versions of the controls.

Thanks in advance, Steve

answered on 10 Oct 2011, 09:53 PM

It does not appear that I can attach a ContextMenu to any item associated with a RadPane. The RadPane menu always overrides it.

It looks like issue 3471 is not scheduled.

Was this actually fixed in SP1?

Update. Per the example, use Telerik's controls:

<telerik:RadContextMenu.ContextMenu>

<telerik:RadContextMenu>

<telerik:RadMenuItem Header="Item 1" />

<telerik:RadMenuItem Header="Item 2" />

<telerik:RadMenuItem Header="Item 3" />

<telerik:RadMenuItem Header="Item 4" />

</telerik:RadContextMenu

</telerik:RadContextMenu.ContextMenu>

answered on 26 Oct 2011, 07:54 PM

Once again I am struck with the inability to use a ContextMenu within a RadPanelBarItem. I think you can see what I need to do - put a context menu on each entry in a list view. The example code follows what should work with a standard set of windows controls. However, when this is run, there is an error - presumably when the system tries to substitute the RadContextMenu from the resource section for the ContextMenu specified in the ItemContainerStyle section. The error is:

'Telerik.Windows.Controls.RadContextMenu Items.Count:2' is not a valid value for property 'ContextMenu'.

This whole issue with not being able to use a standard ContextMenu in a RadPanelBarItem is becoming rather tiresome. While waiting for a reply, I went to my pane with the tree control and am hitting the same issue - which was introduced above.

The workaround proposed earlier, i.e., adding the attribute ContextMenuTemplate="{x:Null}" allows the use of ContextMenu, but disables the context menu for the RadPane.

Suggestions for implementing the context menu on these items would be greatly appreciated.

Here's my attempt for a TreeView. I've commented out what I believe should have worked and put in only the standard context menu controls and added the attribute to the encapsulating RadPane - and it works.

<TreeView HorizontalAlignment="Stretch" Margin="0,27,0,0" Name="_tviewConnections" VerticalAlignment="Stretch" Width="Auto" ItemsSource="{Binding ConnectionViewModelList}" SelectedItemChanged="ScrollIntoView">

<TreeView.Resources>

<ContextMenu x:Key="itemContextMenu">

<!--<telerik:RadContextMenu.ContextMenu>

<telerik:RadContextMenu>

<telerik:RadMenuItem Header="Edit" />

<telerik:RadMenuItem Header="Delete" />

</telerik:RadContextMenu>

</telerik:RadContextMenu.ContextMenu>-->

<MenuItem Header="Edit" />

<MenuItem Header="Delete" />

</ContextMenu>

</TreeView.Resources>

<TreeView.ItemContainerStyle>

<Style TargetType="{x:Type TreeViewItem}">

<Setter Property="ContextMenu" Value="{StaticResource itemContextMenu}" />

</Style>

</TreeView.ItemContainerStyle>

<TreeView.ItemTemplate>

<HierarchicalDataTemplate ItemsSource="{Binding Children}">

<StackPanel Orientation="Horizontal">

<Image Width="16" Height="16" Margin="3,0" Source="{Binding Path=Model.Icon}" />

<TextBlock Text="{Binding Path=Model.Name}" />

</StackPanel>

</HierarchicalDataTemplate>

</TreeView.ItemTemplate>

</TreeView>

Here's the general usage that I am attempting:

<telerik:RadPanelBarItem Header="All Actions" Background="#FF4F94CD" IsDropAllowed="False">

<Grid Width=

"{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type telerik:RadPanelBar}}, Path=ActualWidth, Converter={StaticResource MathConverter}, ConverterParameter=@VALUE-8;0}"

>

<ListView Name="_lviewAllActions" ItemsSource="{Binding Path=AllActionViewModelList}" GridViewColumnHeader.Click="OnClick_ListViewHeader">

<ListView.Resources>

<telerik:RadContextMenu x:Key="itemContextMenu">

<telerik:RadMenuItem Header="Edit" Click="OnClick_EditMacroAction" />

<telerik:RadMenuItem Header="Delete" Click="OnClick_DeleteMacroAction" />

</telerik:RadContextMenu>

</ListView.Resources>

<ListView.ItemContainerStyle>

<Style TargetType="{x:Type ListViewItem}">

<Setter Property="ContextMenu" Value="{StaticResource itemContextMenu}" />

</Style>

</ListView.ItemContainerStyle>

<ListView.View>

<GridView>

<GridViewColumn Header="Type" DisplayMemberBinding="{Binding Path=ActionType}"/>

<GridViewColumn Header="Name" DisplayMemberBinding="{Binding Path=Name}"/>

<GridViewColumn Header="Description" DisplayMemberBinding="{Binding Path=Description}" />

</GridView>

</ListView.View>

</ListView>

</Grid>

</telerik:RadPanelBarItem>

answered on 26 Oct 2011, 09:33 PM

Ok, the question I have now is why am I trying to use a Telerik Docking at all.

Here's how I arrive at the question:

1) I start with the concept of a dockable tool panel - and try using Telerik's controls:

<telerik:RadDocking PreviewShowCompass="RadDocking_PreviewShowCompass" Close="RadDocking_OnClose">

<telerik:RadDocking.DocumentHost>

<telerik:RadSplitContainer >

<telerik:RadPaneGroup Name="_rpanegroupDocuments" />

</telerik:RadSplitContainer>

</telerik:RadDocking.DocumentHost>

<telerik:RadSplitContainer >

<telerik:RadPaneGroup Name="_rpanegroupTools">

<telerik:RadPane Header="Connections" CanUserClose="False" Name="_rpaneConnections" ContextMenuTemplate="{x:Null}">

<myToolWindows:ConnectionsPaneView DataContext="{Binding ConnectionsPaneViewModel}" />

</telerik:RadPane>

<telerik:RadPane Header="Actions" CanUserClose="False" Name="_rpaneActions" ContextMenuTemplate="{x:Null}">

<myToolWindows:ActionsPaneView DataContext="{Binding ActionsPaneViewModel}" />

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

</telerik:RadDocking>

2) I host my controls inside a RadPane. Things look fine.

3) I start adding context menus to all the items that require them within the RadPane hosted controls.

4) I rapidly find that the Telerik's docking menu overrides any of my menus. There are a small number of cases that are easily worked around. There are other cases that I am waiting for workaround examples - but don't have high hopes.

5) As a last ditch resort, I use the ContextMenuTemplate="{x:Null}" attribute on the RadPanes to get rid of the Telerik context menus. My thinking was that I could live without the right click context menu and force the users to use that little down-arrow button on the pane headers to change the attributes of the pane.

However, adding the above attribute turns off all access to the RadPane properties offered by the context menu in question.

My context menus now work as expected but without the docking options.

6) Why am I using Telerik's docking controls since I cannot do with them what I need to?

So, will I be alone in abandoning the use of Telerik's docking controls over this issue?

answered on 27 Oct 2011, 09:50 AM

DockingContextMenuProblem.zip

Hi Scott,

We are really sorry for the troubles you are experiencing, but I tried your scenario and it works pretty good without setting the ContextMenuTemplate to NULL. There was an issue 3 months ago, but it is fixed now and the context menu of the docking control doesn't override the context menus of the controls, placed inside panes. Place, refer to the attached project.

Best wishes,
Miroslav Nedyalkov
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

answered on 27 Oct 2011, 01:44 PM

Hi Miroslav,

What version of the controls are you using? Last time I looked, this issue was still open in your tracking system.

I have not updated to the most recent release because I had some issues on the first pass. I'll like into updating now and report back.

Edit 1 - Still fails.

I will take your example and embed the tree view and list view controls and send it back shortly.

Edit 2 - Attaching example

I have taken your example and created three RadPanelBarItems: one with your button example, one with my list view problem, and one with my tree view problem. I have rezipped the package and attached it. Your system only allows gif, etc., so I renamed the .zip to .gif to get it uploaded.

At the top of the MainWindow.xaml file, the following block can be found:

<!--Uncomment the following and the list view and tree view context menus work

but the docking functionality is severally limited-->

<telerik:RadPane Header="Context Menu Examples" ContextMenuTemplate="{x:Null}">

<!--Uncomment the following and the list view and tree view context menus DO NOT work

but the docking functionality works as expected-->

I've disabled the context menu for the pane. Please start the example and observe that the right-click context menus work for all test items. Comment out the first block above and uncomment the second. Start the example and observe how the context menu works for only your button example.

For the list view and tree view examples, you will see a block of xaml similar to the following:

<ListView.Resources>

<ContextMenu x:Key="itemContextMenu">

<!--<telerik:RadContextMenu.ContextMenu>

<telerik:RadContextMenu>

<telerik:RadMenuItem Header="Menu item 1" />

<telerik:RadMenuItem Header="Menu item 2" />

</telerik:RadContextMenu>

</telerik:RadContextMenu.ContextMenu>-->

<MenuItem Header="Menu item 1" />

<MenuItem Header="Menu item 2" />

</ContextMenu>

</ListView.Resources>

<ListView.ItemContainerStyle>

<Style TargetType="{x:Type ListViewItem}">

<Setter Property="ContextMenu" Value="{StaticResource itemContextMenu}" />

</Style>

</ListView.ItemContainerStyle>

The resources block is where the context menu is being defined for the items in the list view. There are two subblocks: one with the Telerik context menu items (as was done with the button example) and the other with the standard menu items. Using either one when the RadPane context menu is active will result in the docking menu shown and not the required one. Disabling the docking menu (and the undocking & drag/drop behavior!) results in the anticipated context menus being shown.

While my programming experience is extensive, the years working with xaml can be counted on one finger. There may be an alternate way of getting the required behavior. While I endeavor to follow the mvvm pattern, I am not averse to putting code in the code-behind page when it relates only to the U/I presentation. So, please feel free to suggest a fix from any angle.

BTW, I have just downloaded the WPF 4.0 suite (920) so I'm using the latest code.

Looking forward to your assistance.

CANNOT SUBMIT WITH THE ATTACHED FILE - IT'S DETECTED AS NOT BEING A GIF

I see a hint above that says for entire code sets that a support ticket is the way to go. Will write up the formal request and we can follow it up there.

answered on 25 Nov 2011, 01:11 PM

It does not work if you want to set a conext menu on a TextBox and the context menu is in a own user control.
Using the RadContextMenu has no impact on the TextBox at all.
The following code only gives the desired context menu on the upper text box.

<Window x:Class="DockingContextMenuProblem.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" xmlns:DockingContextMenuProblem="clr-namespace:DockingContextMenuProblem" Title="MainWindow" Height="350" Width="525">
<Grid>
<telerik:RadDocking>
<telerik:RadSplitContainer>
<telerik:RadPaneGroup>
<telerik:RadPane>
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<TextBox Text="Direct">
<TextBox.ContextMenu>
<ContextMenu>
<MenuItem Header="Generate sample data..." />
<MenuItem Header="Read file..." />
</ContextMenu>
</TextBox.ContextMenu>
</TextBox>
<DockingContextMenuProblem:UserControl1 Grid.Row="1"/>
</Grid>
</telerik:RadPane>
</telerik:RadPaneGroup>
</telerik:RadSplitContainer>
</telerik:RadDocking>
</Grid>
</Window>

-----
<UserControl x:Class="DockingContextMenuProblem.UserControl1"
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:telerik="http://schemas.telerik.com/2008/xaml/presentation"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300">
<Grid>
<TextBox Text="In User Control">
<TextBox.ContextMenu>
<ContextMenu>
<MenuItem Header="Generate sample data..." />
<MenuItem Header="Read file..." />
</ContextMenu>
</TextBox.ContextMenu>
</TextBox>
</Grid>
</UserControl>

answered on 01 Apr 2013, 10:28 PM

Hi,

I am trying to define my own context menu for the RadPane, but neither my template nor setting it to x:Null is having any effect on the RadPane. It always shows up the default context menu. Here is the code where I am trying to set the ContextMenuTemplate to the MyContextMenuTemplate I defined. How can I get my context menu to show up?

<this:DockableRadPaneView x:Class="Infrastructure.HierarchyExplorerView"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:prism="http://www.codeplex.com/prism"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

xmlns:this="clr-namespace:Infrastructure"

Title="{Binding Path=AdapterTypeString}" Header="{Binding Path=AdapterTypeString}" CanDockInDocumentHost="False" ContextMenuService.IsEnabled="False"

telerik:RadDocking.SerializationTag="{Binding Path=DockableViewName, Mode=OneWay}"

mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300">

<ContentControl x:Name="HierarchyExplorerContentControl">

<ContentControl.Resources>

<DataTemplate x:Key="MyContextMenuTemplate">

<telerik:RadContextMenu InheritDataContext="False">

<telerik:RadMenuItem

IsChecked="{Binding IsFloatingOnly}"

Command="telerik:RadDockingCommands.Floating"

CommandParameter="{Binding}"

CommandTarget="{Binding}"

Header="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

<telerik:RadMenuItem

IsChecked="{Binding IsDockableOptionChecked}"

Command="telerik:RadDockingCommands.Dockable"

CommandParameter="{Binding}"

CommandTarget="{Binding}"

Header="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

</telerik:RadContextMenu>

</DataTemplate>

<Style TargetType="telerik:RadPane">

<Setter Property="ContextMenuTemplate" Value="{StaticResource MyContextMenuTemplate}" />

</Style>

</ContentControl.Resources>

<Grid Background="#f0f0f0" x:Name="HierarchyExplorerGrid">

<Grid.RowDefinitions>

<RowDefinition Height="233*" />

</Grid.RowDefinitions>

<this:HierarchyTreeView x:Name="HierarchyTreeViewControl" Grid.Row="0" TreeViewModel="{Binding Path=TreeViewModel}"/>

<Button Command="{Binding LockCommand}" Style="{DynamicResource IconButtonStyle}" Grid.Row="0" Width="17" Height="17" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,17,0">

<uxc:XamlImage>

<uxc:XamlImage.Style>

<Style TargetType="{x:Type uxc:XamlImage}">

<Style.Triggers>

<DataTrigger Binding="{Binding IsLocked}" Value="false">

<Setter Property="Template" Value="{DynamicResource Com_Unlock}"/>

</DataTrigger>

<DataTrigger Binding="{Binding IsLocked}" Value="true">

<Setter Property="Template" Value="{DynamicResource Com_Lock}"/>

</DataTrigger>

</Style.Triggers>

</Style>

</uxc:XamlImage.Style>

</uxc:XamlImage>

</Button>

</Grid>

</ContentControl>

</this:DockableRadPaneView>

Thanks,
Jiti

answered on 04 Apr 2013, 08:50 AM

GanttRelationsException.rar

Hello Jiti,

We have tried to reproduce the described behavior in a simple project, but with no luck. We have tried to get as close as we can to your scenario applying the style you have sent to us with the corresponding DataTemplate to a simple Dock, but it seems like the ContextMenu is shown appropriately. Please note that we have tested it with Q1 2013, Q3 2012 and Q3 2012 SP.

I am attaching my test project, so it would be great if you can check it out and see if I am not missing something.

All the best,
Georgi
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

answered on 05 Apr 2013, 12:04 PM

RadDockingContextMenu.zip

Hi Jiti,

I am sorry for sending you the wrong project.
Attached you can find the project with the Context Menu.

Greetings,
Georgi
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Control ContextMenu in a Docking RadPane does not show up

25 Answers, 1 is accepted