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

Layers.tooltip.animation.open

configuration

The animation that will be used when a Tooltip opens.

layers.tooltip.animation.open

Object

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layers: [{
            type: "marker",
            tooltip: {
                animation: {
                    open: {
                        effects: "fade:in",
                        duration: 1000
                    }
                },
                content: "Foo"
            },
            dataSource: {
                data: [{
                    latlng: [0, 0]
                }]
            },
            locationField: "latlng"
        }]
    });
</script>

layers.tooltip.animation.open.duration

Number

Defines the animation duration.

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layers: [{
            type: "marker",
            tooltip: {
                animation: {
                    open: {
                        duration: "1000"
                    }
                },
                content: "Foo"
            },
            dataSource: {
                data: [{
                    latlng: [0, 0]
                }]
            },
            locationField: "latlng"
        }]
    });
</script>

layers.tooltip.animation.open.effects

String

Effect to be used for opening of the Tooltip.

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layers: [{
            type: "marker",
            tooltip: {
                animation: {
                    open: {
                        effects: "fade:in"
                    }
                },
                content: "Foo"
            },
            dataSource: {
                data: [{
                    latlng: [0, 0]
                }]
            },
            locationField: "latlng"
        }]
    });
</script>