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

Hide

events

Triggered when a Dialog has finished its closing animation.

hide

<div id="dialog"></div>
<script>
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog.",
  hide: function() {
    // close animation is about to finish
  }
});
</script>

<div id="dialog"></div>
<script>
function dialog_hide() {
  // close animation will start soon
}
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog."
});
var dialog = $("#dialog").data("kendoDialog");
dialog.bind("hide", dialog_hide);
</script>