This is a migrated thread and some comments may be shown as answers.

Tooltip carat not working

1 Answer 138 Views

ToolTip

This is a migrated thread and some comments may be shown as answers.

Tiffany asked on 07 Oct 2014, 08:37 PM

Hi there,

I'm trying to implement the basic tooltip from Kendo UI. The tooltip works perfectly when you load the page and hover over an item for the first time. However, the carat does not show up on all consecutive hovers if your mouse is not in a specific spot - even if your mouse is still on top of the hover item.

What's causing this?

<!DOCTYPE html>

<html>

<head>

<base href="http://demos.telerik.com/kendo-ui/tooltip/index">

<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>

<title>Tooltip not working</title>

<link href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.common-bootstrap.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.bootstrap.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.bootstrap.min.css" rel="stylesheet" />

<script src="http://cdn.kendostatic.com/2014.2.903/js/jquery.min.js"></script>

<script src="http://cdn.kendostatic.com/2014.2.903/js/angular.min.js"></script>

<script src="http://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script>

</head>

<body>

<label class="control-label" for="experience">Tooltip</label>

<p class="tooltipItems">

<a href="" title="test tooltip">Hover over me</a>

<a href="" title="test tooltip">Me too!</a>

</p>

<p class="tooltipItems">

<a href="" title="test tooltip">Me too!</a>

</p>

<script>

var tooltip = $(".tooltipItems").kendoTooltip({

filter: "a",

position: "top"

}).data("kendoTooltip");

</script>

</body>

</html>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Tooltip carat not working

1 Answer, 1 is accepted