Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Toolbar > change location of close mark in tooltip

• prayag ganoje Intermediate

  Posted on Apr 7, 2011 (permalink)

  I do have following tooltip.
  

  <telerik:RadToolTipManager ID="ttm_CSMD_Backlog_By_Status_FL" runat="server" EnableShadow="true"

      Animation="Resize" HideEvent="ManualClose" Height="75" Width="75" OnAjaxUpdate="OnAjaxUpdate"

      Position="BottomCenter" RelativeTo="Element" OffsetY="0">

  </telerik:RadToolTipManager>

  
  On resize it size changes according to size of user control. But the position of close [x] remain at 75px only. it does not shift to end of tooltip. Is there any way to achieve the same ?
  
  Thanks,
  Prayag

• prayag ganoje Intermediate

  Posted on Apr 11, 2011 (permalink)

  plz see attached image for more information.

  Attached files

  • close-wrong-position.png

• Answer Marin Bratanov Marin Bratanov

  Posted on Apr 12, 2011 (permalink)

  Hello Prayag,

  You are updating the tooltip's content via AJAX, so the tooltip does not know the size of the content it is going to have to display and it renders with the default size (75 pixels). This is the reason these dimensions should be reset when the information is received from the AJAX update so that the tooltip resizes its wrapper properly. Here is a JavaScript function that does exactly that:

  function OnClientResponseEnd()

          {

              var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();

              if (!tooltip) return;

              var popup = tooltip.get_popupElement();

              popup.style.width = "";

              popup.style.height = "";

          }

  It should be attached to the OnClientResponseEnd event of the RadToolTipManager.

  I hope this helps. Please let me know if the above solution works for you. If you are still experiencing this behavior after applying this fix please send us a simple runnable project that displays the issue so we can debug it locally and pinpoint the cause.

  
  Greetings,
  Marin
  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.

• prayag ganoje Intermediate

  Posted on Apr 12, 2011 (permalink)

  It seems working for me. Thanks!

• prayag ganoje Intermediate

  Posted on May 2, 2011 (permalink)

  Hello,
  
  Well position of the close mark is shifted to the end of tooltip. But I wish to have more control on it. Need to adjust its location with aligned to the other text in tooltip. Plz see attached image.
  
  

  Attached files

  • close-mark-alignment.png

• Svetlina Anati Svetlina Anati

  Posted on May 5, 2011 (permalink)

  Hello prayag,
  

  As far as I understand, you want to move down the close button a bit. If so, you can set a custom margin to it as shown below:
  
  
  

  <style type="text/css">

    

  .rtCloseButton

  {

      margin-top: 5px !important;

  }

    

  </style>

  
  Note, that you should use the keyword !important to provide a higher priority to your custom style. I chose 5px only for demonstration, you could adjust the margin according to your exact case.
  
  I hope that my reply is helpful, let me know how it goes. 

  All the best,
  Svetlina
  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

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Toolbar > change location of close mark in tooltip