Quick Access Tool bar ScreenTip position bug

[Dodd]

Hi, I use RadRibbonWindow and when I hover on the Quick Access Tool Bar buttons, screen tips appear in a far lower position as in the image.
How can I fix this?

[Martin Ivanov]

Hi Dodd,

The screen tips of the ribbonview components always displays bellow the ribbonview control. This behavior is expected and it can be observed also in the Microsoft's Office applications that contains a ribbon (like Word) which was used as a design reference for our RadRibbonView.

In order to add a tooltip on the mouse position you can use our RadToolTipService instead of the screen tips.

<Button telerik:RadToolTipService.ToolTipContent="I am a tooltip" />

Regards,
Martin
Telerik

 

 

[Wayne]

Hi Martin,

Which versions of Office have the behavior where the Quick Access Toolbar tooltip displays below the ribbon like that?

I checked Office 2010 and Office 2013 and neither behave the way you suggest. It immediately felt like a bug when I saw it, to be honest.

Also the work around you provide doesn't seem to work, or at least I can't get it to work, when also wanting to keep the multi-line tooltip like Dodd had pictured. It only seems to support single line tool tips.

I am just writing this reply to help others in future. I found an easy fix for the placement behavior by writing this code:

        private void SetScreenTipPlacement(FrameworkElement element)
        {
            const double X_Y_OFFSET = 10.0;
            element.SetValue(ScreenTip.PlacementProperty, System.Windows.Controls.Primitives.PlacementMode.MousePoint);
            element.SetValue(ScreenTip.VerticalOffsetProperty, X_Y_OFFSET);
            element.SetValue(ScreenTip.HorizontalOffsetProperty, X_Y_OFFSET);    
        }

[Martin Ivanov]

Hello Wayne,

It seems you are right, the screen tips of the Quick Access Toolbar in Microsoft Office don't display below the ribbon. Please excuse me for misleading you.

As for the workaround, thank you for sharing it with the UI for WPF community.

Regards,
Martin
Telerik

[Efi]

Hi,
This bug still exist in "Expression Dark" theme.
The solution doesn't work for me.
I also tried to override the style Placement to be alwyas Mouse and it doesn't help.

  <Style x:Key="ScreenTipStyle" TargetType="telerikRibbonView:ScreenTip">

        <Setter Property="Placement" Value="Mouse"/>

        <Setter Property="Template" Value="{StaticResource ScreenTipTemplate}"/>
        <Setter Property="Background" Value="{StaticResource QuickAccessKeyHintBackgroundBrush}"/>
        <Setter Property="BorderBrush" Value="{StaticResource QuickAccessKeyHintBorderBrush}"/>
        <Setter Property="Foreground" Value="{StaticResource QuickAccessKeyHintForegroundBrush}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="4 2"/>
        <Setter Property="SnapsToDevicePixels" Value="True"/>

    </Style>

[Martin Ivanov]

Hello Efi,

To achieve your requirement and alter the default positioning behavior of the screentips, you can use the Wayne's workaround.

Setting the Placement in a Style won't work because a local setting in the ScreenTip service overrides it. In other words you should do it in code. You can check the attached project.

Regards,
Martin Ivanov
Progress Telerik

[Efi]

This one work fine.

Thanks a lot.