Edit this page

collision String(default: "fit flip")

Configures how the popup should behave when it cannot be properly displayed and fully visible, if its origin and position settings are obeyed.

Valid values are: "fit", "flip", "flip fit" and "fit flip". "Fit" allows the popup to be shifted (moved) until it is fully visible. "Flip" allows the popup to switch its position, according to its anchor. If two words are used, the first one applies to the horizontal dimension and the second one - to the vertical dimension. If one word is used, the setting is applied to both dimensions.

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

<div id="popup" style="width: 100px; height: 100px;">popup content</div>

<script>
  $("#popup").kendoPopup({
    anchor: $("#datepicker"),
    origin: "bottom right",
    position: "top right",
    collision: "fit flip"
  }).data("kendoPopup").open();
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy