Changing ToolTip Close Button

4 posts, 0 answers
  1. Danny
    Danny avatar
    35 posts
    Member since:
    May 2012

    Posted 09 Nov 2012 Link to this post

    I'm using a modified 'ToolTipSprites.png' in my project.

    All of the horizontal sprites show correctly, but the close button is not showing.  I did not modify the size/dimension/position of the close button in the sprite, only the color.

    I've tried modifying the CSS, and have gotten some interesting results:
     
    div.RadToolTip_CBToolTip a.rtCloseButton 
    {  
          background-color: #66a2cc; 
    }

    That will change the background color of where the close button will be, no problem.   But when I attempt to add the png

    div.RadToolTip_CBToolTip a.rtCloseButton 
    {  
       background-image : url('ToolTip/ToolTipSprites.png');
    }

    I get nothing.  Any idea on how I can get this class to pick up?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 11 Nov 2012 Link to this post

    Hi Danny,

    Try overriding the default css as follows to achieve your scenario.

    CSS:
    <style type="text/css">
     div.RadToolTip a.rtCloseButton
     {
      background-position: 0 0 !important;
     }
    </style>

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Danny
    Danny avatar
    35 posts
    Member since:
    May 2012

    Posted 12 Nov 2012 Link to this post

    Thanks for the stab, Princy, it didn't work however.

    I rebuilt the page element by element, and after removing an instance of Form Decorator from the page the sprite showed up again. 

    I confirmed this by re-adding the control, and viola, it dissappears again.
  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 13 Nov 2012 Link to this post

    Hello Danny,

    I have just tried this scenario and it appears to be working fine with me in all browsers. I am attaching here the simple page and custom skin I used (it is actually the Default skin, but renamed). Are you experiencing this same behavior with my sample and which are the browsers that it manifests in? Are you using the latest version of the controls and if not - does upgrading help?


    Kind regards,
    Marin Bratanov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top