ToolTip Border Trimmed at the Bootom

3 posts, 0 answers
  1. Balkar
    Balkar avatar
    13 posts
    Member since:
    Feb 2013

    Posted 11 Feb 2013 Link to this post

    Hi,
      I have Hover over event at institution name. if i hover over couples of time the border at the bottom disappear. If i refresh my page and border start coming normal. Any reason for this behavior? Thanks in advance

    <Telerik:RadToolTip ID="uxToolTip" runat="server" TargetControlID="uxInstitutionName"  BorderStyle="Solid" Animation="Slide" Width="350px" ShowCallout="True" ShowDelay="0" ShowEvent="OnMouseOver" Position="BottomCenter" RelativeTo="Element" Skin="Vista" HideEvent="LeaveToolTip">
    <b>CEO Name</b><br />
    <span style="margin-left: 5px" id="uxCreditUnionCEONameSpan" runat="server"></span>
    <br />
    <b>Bus. Hours</b><br />
    <span style="margin-left: 5px" id="uxCreditUnionBusHoursSpan" runat="server"></span>
    <br />
    <b>Time Zone:</b><br />
    <span style="margin-left: 5px" id="uxCreditUnionTimeZoneSpan" runat="server"></span>
    <br />
    <b>City & State:</b><br />
    <span style="margin-left: 5px" id="uxCreditUnionCityAndStateSpan" runat="server"></span>
    <br />
    <b>Main Ph/Fax:</b><br />
    <span style="margin-left: 5px" id="uxCreditUnionMainPhOrFaxSpan" runat="server"></span>
    <br />
    </Telerik:RadToolTip>
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 13 Feb 2013 Link to this post

    Hello Balkar,

    This tooltip declaration seems quite fine and there are no major issues with it alone, yet the screenshot you have attached is not what the markup shows on my end, so you most likely have more than this related to the tooltip. What I would advise at this point is the following:
    - set Width and Height appropriately so the control can better know how to resize and position itself
    - take a look here for other common issues
    - set the RenderInPageRoot property to true to avoid inheriting styles from the page
    - make sure there aren't JavaScript errors on the page
    - remove the BorderStyle property, it is merely inherited from WebControl and is not implemented in RadTooltip
    - try disabling the animation
    - try upgrading to the latest version


    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Balkar
    Balkar avatar
    13 posts
    Member since:
    Feb 2013

    Posted 14 Feb 2013 Link to this post

    Thanks, issue resolved as i follow you suggestion
Back to Top