callout style different from rest

2 posts, 0 answers
  1. H. Baris
    H. Baris avatar
    8 posts
    Member since:
    Feb 2011

    Posted 06 May 2011 Link to this post


    I can't apply style to callout arrow.

    Screenshots attached.

    I've tried backcolor attribute of tooltip, and background-image & background-color in stylesheet. backcolor does not change anything (attachment 1 - tooltip1.png), instyle background-color change whole background but callout arrow still gray (attachment 2 - tooltip2.png).

    Please help.
  2. Marin Bratanov
    Marin Bratanov avatar
    3908 posts

    Posted 09 May 2011 Link to this post

    Hello H. Baris,

    The callout arrow is actually a background image in the callout div. You would need to replace the image file in your custom skin or override the CSS rule to display your own in order to modify it. You can find a simple page that illustrates the approach attached.

    Please note that this case is simplified for demonstration purposes - it does not take into account the 8 possible positions a callout may have and thus the background-position property is also overridden. If you need to use more than one callout position I would recommend that you create a sprite that mimics the original so that you may use the original background-positioning (or you could create your own, too).

    An alternative approach is to define each explicitly. For more information on the available CSS classes please refer to the following help article:

    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top