Tooltip now showing correctly when zoomed

[Rich Geyer]

Hey everyone,

I have a multi line graph with tooltip popups when hovering over each of the data points. My tooltip works perfect when the page is set to 100% zoom. However as soon as the webpage zoom is changed from the browser's options, to say 125% then the tooltip does not display correctly. Its seems as though the data points hit areas do not match up with their visible locations.

To make this easier I am attaching two files. One is of my chart normally at 100% zoom and everything is working great. The other is at 125% zoom. Notice how in order to show the 17th tooltip pop up I have to have my mouse over by the 22nd X coordinate. (I added the big arrows to show where my pointer was). Its as if even though visually the data point is in the right spot, the hit area for it that reacts to the mouse is shifted way to the right.

I am using the new 2010 Q2 build of the radcontrols for Silverlight along with i.e. 8.

Any help with this would be much appreciated,

- Rich Geyer

[Rich Geyer]

Sorry about that, my pictures didn't attach in the first post,

- Rich

[Nikolay]

Hi Rich Geyer,

Unfortunately we haven't been able to reproduce the issue you're experiencing, so we would kindly ask you to elaborate on your specific scenario and how to reproduce it.Please, find attached two screenshots, which demonstrate how the tooltips appear on the correct positions on our side, even when the browser ( exact version : I.E. 8.0.7600.16385 ) is zoomed in.

Attached is also the sample application we've used to test the behavior. Could you, please, verify if you experience the same issue using the attached sample app and if not, could you modify it so that the issue is reproducible for our developers too look closely into. Perhaps your scenario is different to the ones we have tested.

Regards,
Nikolay
the Telerik team

[Rich Geyer]

Nikolay,

Thank you for the response and sorry for the long reply time on my end. I experienced the same thing you did. When I created a new project everything worked fine. It took me a while but I finally figured out what is causing my problem although I have no idea why. Putting a border around the chart with a drop shadow is the cause like with the following style:

<UserControl.Resources>
    <LinearGradientBrush x:Key="CBrush_Border_BG_Grad" EndPoint="0.5,0" StartPoint="0.5,1">
      <GradientStop Color="#FFeeeeee"/>
      <GradientStop Color="#FFFFFFFF" Offset="0.1"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="CBrush_Shadow" Color="#FF9C9C9C"/>
    <Style x:Key="Border_ShadBorder" TargetType="Border">
      <Setter Property="Background" Value="{StaticResource CBrush_Border_BG_Grad}"/>
      <Setter Property="BorderBrush" Value="{StaticResource CBrush_Shadow}"/>
      <Setter Property="BorderThickness" Value="1"/>
      <Setter Property="CornerRadius" Value="4"/>
      <Setter Property="Effect">
        <Setter.Value>
          <DropShadowEffect Opacity="0.5" BlurRadius="5" ShadowDepth="0"/>
        </Setter.Value>
      </Setter>
    </Style>
  </UserControl.Resources>

  <Grid x:Name="LayoutRoot">

    <Border Style="{StaticResource Border_ShadBorder}">
    <chart:ChartControl></chart:ChartControl>
    </Border>

        </Grid>

Above you can see the style I'm using around my chart that produces the issue. As I said earlier though, if you simply remove the drop shadow effect and leave the rest of the border as is everything works fine. Hopefully I can find a way to keep the drop shadow and have the chart work as well,

Thanks for all the help,

- Rich Geyer