animation Boolean |
Object
A collection of {Animation} objects, used to change default animations. A value of false
will disable all animations in the widget.
animation:true
is not a valid configuration.
Example - disable animations
<span id="target" title="Tooltip content">
Some Content
</span>
<script>
$(document).ready(function() {
$("#target").kendoTooltip({
animation: false
});
});
</script>
animation.close Object
The animation that will be used when a Tooltip closes.
Example - set close animation
<span id="target" title="Tooltip content">
Some Content
</span>
<script>
$(document).ready(function() {
$("#target").kendoTooltip({
animation: {
close: {
effects: "fade:out"
}
}
});
});
</script>
animation.close.effects String
Effect to be used for closing of the Tooltip.
Example - set close animation effect
<span id="target" title="Tooltip content">
Some Content
</span>
<script>
$(document).ready(function() {
$("#target").kendoTooltip({
animation: {
close: {
effects: "fade:out"
}
}
});
});
</script>
animation.close.duration Number
Defines the animation duration.
Example - set close animation duration
<span id="target" title="Tooltip content">
Some Content
</span>
<script>
$(document).ready(function() {
$("#target").kendoTooltip({
animation: {
close: {
duration: 1000
}
}
});
});
</script>
animation.open Object
The animation that will be used when a Tooltip opens.
Example - set open animation
<span id="target" title="Tooltip content">
Some Content
</span>
<script>
$(document).ready(function() {
$("#target").kendoTooltip({
animation: {
open: {
effects: "fade:in",
duration: 1000
}
}
});
});
</script>
animation.open.effects String
Effect to be used for opening of the Tooltip.
Example - set open animation effect
<span id="target" title="Tooltip content">
Some Content
</span>
<script>
$(document).ready(function() {
$("#target").kendoTooltip({
animation: {
open: {
effects: "fade:in"
}
}
});
});
</script>
animation.open.duration Number
Defines the animation duration.
Example - set open animation duration
<span id="target" title="Tooltip content">
Some Content
</span>
<script>
$(document).ready(function() {
$("#target").kendoTooltip({
animation: {
open: {
duration: "1000"
}
}
});
});
</script>