RadRibbonDropDownButton Stops Displaying Content

4 posts, 0 answers
  1. Derek
    Derek avatar
    9 posts
    Member since:
    Nov 2011

    Posted 15 Aug 2012 Link to this post

    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>

  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 20 Aug 2012 Link to this post

    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.

  3. DevCraft banner
  4. Derek
    Derek avatar
    9 posts
    Member since:
    Nov 2011

    Posted 22 Aug 2012 Link to this post

    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>
  5. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 27 Aug 2012 Link to this post

    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.

Back to Top