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

AdjustSize

configuration

Configures the margins, which will be added to the popup size, if its position should end up being next to the viewport edges. By default, the adjustment amount in both dimensions is zero.

The property takes effect only if collision is set to "fit" for the respective dimension (width or height).

adjustSize

Object

<div style="height:500px;">&nbsp;</div>
<p style="text-align:right;"><input id="datepicker" /></p>

<div id="popup">popup that is 100px offset from the bottom-right edge of the page.</div>

<script>
  $("#popup").kendoPopup({
    anchor: $("#datepicker"),
    origin: "bottom right",
    position: "top right",
    collision: "fit",
    adjustSize: {
        width: 100,
        height: 100
    }
  }).data("kendoPopup").open();
</script>