I'm using the Tooltip for the first time. It is working, but does not have the little triangle carat indicating the origin (if you follow my meaning).
Here is the HTML being generated:
and here is how I'm initializing the Tooltip:
Is it possible I'm missing some required files?
Thanks!
Here is the HTML being generated:
<
div
class
=
"k-animation-container"
style
=
"width: 313px; height: 170px; margin-left: -2px; padding-left: 2px; padding-right: 2px; padding-bottom: 4px; overflow: hidden; display: none; position: absolute; top: 60px; z-index: 10002; left: 172px;"
><
div
role
=
"tooltip"
class
=
"k-widget k-tooltip k-popup k-group k-reset k-state-border-left"
data-role
=
"popup"
style
=
"display: none; width: 300px; -webkit-transform: scale(0.01) translateX(-313px); position: absolute;"
aria-hidden
=
"true"
><
div
class
=
"k-tooltip-content"
>Defined data processing Exceptions are presented here by category. Use these screens to inspect Exceptions before Acknowledging, performing an Action or Deferring the decision to a team member or later time. The decision will be recorded and full details provided in a generated report. Individual Item Exceptions can be treated throughout the Project from the Freeform Analysis page.</
div
><
div
class
=
"k-callout k-callout-w"
style
=
"top: 80.5px;"
></
div
></
div
></
div
>
$(
"#sidebar"
).kendoTooltip({
filter:
".helper"
,
position:
"right"
,
width: 300,
animation: {
open: {
effects:
"zoom:in slideIn:right"
,
duration: 200
},
close: {
effects:
"zoom:in slideIn:right"
,
reverse:
true
,
duration: 100
}
}
});
Thanks!