popup - API Reference - Kendo UI InlineAIPrompt

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

configuration

The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation.

Object

<div id="inlineaiprompt"></div>
<script>
$("#inlineaiprompt").kendoInlineAIPrompt({
    popup: {
        height: "500px",
        width: "800px",
        animation: {
        close: {
          effects: "fadeOut zoom:out",
          duration: 300
        },
        open: {
          effects: "fadeIn zoom:in",
          duration: 300
        }
     }
   }
})
</script>

popup.animation

Boolean | Object

Configures the opening and closing animations of the popup. The same limitations apply as the originating widget's animation configuration.

<div id="inlineaiprompt"></div>
<script>
$("#inlineaiprompt").kendoInlineAIPrompt({
    popup: {
        animation: {
            open: { effects: "fade:in", duration: 300 },
            close: { effects: "fade:out", duration: 200 }
        }
    }
});
</script>

popup.appendTo

String|jQuery

Which element the popup will be appended to. The principles apply as per the widget's originating appendTo configuration.

Default: document.body

<div id="container"></div>
<div id="inlineaiprompt"></div>
<script>
$("#inlineaiprompt").kendoInlineAIPrompt({
    popup: {
        appendTo: "#container"
    }
});
</script>

popup.height

Number | String

Specifies the height of the Popup.

<div id="inlineaiprompt"></div>
<script>
$("#inlineaiprompt").kendoInlineAIPrompt({
    popup: {
        height: 300
    }
});
</script>

popup.width

Number | String

Specifies the width of the Popup.

<div id="inlineaiprompt"></div>
<script>
$("#inlineaiprompt").kendoInlineAIPrompt({
    popup: {
        width: 400
    }
});
</script>