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>
In this article
Not finding the help you need?