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

RadRibbonDropDownButton Stops Displaying Content

3 Answers 21 Views
Buttons
This is a migrated thread and some comments may be shown as answers.
Derek
Top achievements
Rank 1
Derek asked on 15 Aug 2012, 06:00 PM
When I have a RadRibbonDropDownButton with RadContentMenu and I hover over one of the RadMenuItems and hit the space bar it stops allowing me to click on the RadRibbonDropDownButton.

TO REPRODUCT:
Click on Drop down button.
Hover over an item in the menu
Click space bar
Click off the menu context so it is now hidden again
Try to click on dropdown button to display menu again.

Version: 2011.2.1010.1040

Video of Example: http://screencast.com/t/YghCQeM0

XAML CODE:
<UserControl x:Class="RadRibbonDropDownButtonTest.MainPage"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             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="400">
 
    <Grid x:Name="LayoutRoot"
          Background="White">
        <telerik:RadRibbonDropDownButton Name="MeasureButton"
                                         x:FieldModifier="public"
                                         IsAutoSize="True"
                                         CollapseToMedium="WhenGroupIsMedium"
                                         CollapseToSmall="WhenGroupIsSmall"
                                         Size="Large"
                                         Text="Measure"
                                         Height="70"
                                         Background="Gray"
                                         HorizontalAlignment="Center"
                                         VerticalAlignment="Center">
 
            <telerik:RadDropDownButton.DropDownContent>
                <telerik:RadContextMenu>
                    <telerik:RadMenuItem Header="Distance">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Header="Area">
                    </telerik:RadMenuItem>
                </telerik:RadContextMenu>
            </telerik:RadDropDownButton.DropDownContent>
        </telerik:RadRibbonDropDownButton>
    </Grid>
</UserControl>

3 Answers, 1 is accepted

Sort by
0
Tina Stancheva
Telerik team
answered on 20 Aug 2012, 02:42 PM
Hello Derek,

If you want to create a menu button and use it to display ContextMenu options, then it is best to use the approach described  here. This would mean that in the RadRibbonView, you can define the following menu button:

<telerik:RadRibbonToggleButton IsChecked="{Binding IsOpen, ElementName=radContextMenu, Mode=TwoWay}">
    <telerik:RadContextMenu.ContextMenu>
        <telerik:RadContextMenu x:Name="radContextMenu" Placement="Bottom">
           <telerik:RadMenuItem Header="Distance">
           </telerik:RadMenuItem>
           <telerik:RadMenuItem Header="Area">
           </telerik:RadMenuItem>
        </telerik:RadContextMenu>
    </telerik:RadContextMenu.ContextMenu>
</telerik:RadRibbonToggleButton>

Please give this a try and let us know if it helps.

Regards,
Tina Stancheva
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Derek
Top achievements
Rank 1
answered on 22 Aug 2012, 03:12 PM
Hey Tina,

I have supplied code that is a little more like what we are actually doing.  We allow the user to enter some text, however,  they have to hit space twice for it to actually add a space and if they it have to add a space in a middle of characters it break or if they hit space at the end of a sentence and don't continue typing it breaks.  Please let me know if I should still look into ToggleButton or if this is an issue with the RadRibbonDropDownButton.

Thanks,
Derek

Screen Cast: http://screencast.com/t/6vpcSAvEPv1
<UserControl x:Class="RadRibbonDropDownButtonTest.MainPage"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             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="400">
 
    <Grid x:Name="LayoutRoot"
          Background="White">
        <telerik:RadRibbonDropDownButton Name="MeasureButton"
                                         x:FieldModifier="public"
                                         IsAutoSize="True"
                                         CollapseToMedium="WhenGroupIsMedium"
                                         CollapseToSmall="WhenGroupIsSmall"
                                         Size="Large"
                                         Text="Measure"
                                         Height="70"
                                         Background="Gray"
                                         HorizontalAlignment="Center"
                                         VerticalAlignment="Center">
 
            <telerik:RadDropDownButton.DropDownContent>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="Enter Text Here:" />
                    <TextBox Width="150" />
                </StackPanel>
            </telerik:RadDropDownButton.DropDownContent>
        </telerik:RadRibbonDropDownButton>
    </Grid>
</UserControl>
0
Tina Stancheva
Telerik team
answered on 27 Aug 2012, 12:54 PM
Hello Derek,

I tested your solution using the  2011.2.1010.1040 version and I was able to reproduce the issue. However, with the latest official release of our controls, it can't be reproduced, so you can either upgrade to get over the issue or use the RadRibbonToggleButton approach I suggested.

Let me know if you need further assistance.

Regards,
Tina Stancheva
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Tags
Buttons
Asked by
Derek
Top achievements
Rank 1
Answers by
Tina Stancheva
Telerik team
Derek
Top achievements
Rank 1
Share this question
or