New to Kendo UI for jQuery? Start a free 30-day trial

Animation.open

configuration

The animation that will be used when the Popover opens.

animation.open

Object

<span id="target">
    Some Content
</span>

<script>
    $(document).ready(function() {
      $("#target").kendoPopover({
        template: "Content description",
        animation: {
          open: {
            effects: "fade:in",
            duration: 1000
          }
        }
      });
    });
</script>

animation.open.duration

Number

Defines the duration of the open animation.

<span id="target">
    Some Content
</span>

<script>
    $(document).ready(function() {
      $("#target").kendoPopover({
        template: "Content description",
        animation: {
          open: {
            duration: "1000"
          }
        }
      });
    });
</script>

animation.open.effects

String

The effect that will be used for opening the Popover.

<span id="target">
    Some Content
</span>

<script>
    $(document).ready(function() {
      $("#target").kendoPopover({
        template: "Content description",
        animation: {
          open: {
            effects: "fade:in"
          }
        }
      });
    });
</script>