Series Item Cursor

Thread is closed for posting
3 posts, 0 answers
  1. treesara
    treesara avatar
    11 posts
    Member since:
    Aug 2006

    Posted 30 Apr 2010 Link to this post

    Short version of what I'm looking for: How do I change the cursor specific to hovering over chart series items?  I've found some documentation to a SeriesDefinition.Appearance property where the cursor can be set, but this does not seem to apply with regards to RadChart for ASP.NET AJAX.

    Long version (in case someone can provide a solution or other workaround for the initial issue):

    Development began with a previous version of RadControls that seems best compatible with IE7 and thus has remained in this environment.

    MAIN ISSUE: In IE7, the cursor automatically defaults to a text cursor in all areas (divs, etc.) where it is not defined.  This is a confirmed bug amongst many others in IE7 as part of the hasLayout issue.  Not a huge deal for some, but I find this quite annoying to see throughout the application.

    SOLUTION A: Hack using CSS definition to give all <div> tags a background color of white.  This tricks IE7 into thinking that the <div> tag is defined and has a layout, which in a sense it now does with the white bg.  I was not able to hack with any other property such as others suggested (zoom, position, etc.)

    ISSUE A: With the cursor now behaving correctly throughout the entire app (text, hand, default where they should be), there are now some white bgs seen as some of the RadControls use <div> tags and most likely have not explicitly defined a bg.  No problem as I can mostly trace these and override with !important in the app CSS.  The ONLY issue being the RadSplitBar.  When collapse and expand is set to none (so just the vertical bar showing), there's a white bg space about 2 px in height that shows up exactly in the middle where the collapse/expand buttons would normally go.  I've tried overriding all <div> elements associated with the RadSplitter to no avail.

    SOLUTION B: Set the cursor to default (which is an arrow) throughout the entire app.  This seems to work pretty well with two exceptions. 1)Have to manually set cursor to text where appropriate and 2)For whatever reason the RadChart Series Item hover no longer changes to a pointer (hand).  Thus we come full circle back to the question above.

    I wasn't sure where to post this but as of now thinking solution b is the way to go regardless.  Any help would be greatly appreciated.

  2. Ves
    Ves avatar
    2870 posts

    Posted 05 May 2010 Link to this post

    Hi treesara,

    RadChart renders an image map. Please check this KB article for detailed description on how to configure the image map regions through the chartSeriesItem.Appearance.Attributes property.

    Best regards,
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Telerik UI for ASP.NET Core is out
  4. treesara
    treesara avatar
    11 posts
    Member since:
    Aug 2006

    Posted 05 May 2010 Link to this post


    Thanks for the link - it worked out great.

Back to Top