jQuery/JS Common - Object Structures - positionConfig - collision
Specifies how to resolve collisions - when the overlay element exceeds the boundary element.
You can use the following collision resolution algorithms:
"flip"
Move the overlay element to the opposite side of the target if that side has more space."fit"
Move the overlay element to the inside of the boundary element."flipfit"
First apply "flip", then "fit"."none"
Ignore the collision.
To set the collision property, use an object with the x and y fields. These fields specify how to resolve horizontal and vertical collisions, respectively. Alternatively, you can use a string shortcut from the accepted values list.
- $(function() {
- $("#popupContainer").dxPopup({
- // ...
- position: {
- // ...
- collision: "flip none"
- // ===== or =====
- collision: { x: "flip", y: "none" }
- }
- });
- });
If you have technical questions, please create a support ticket in the DevExpress Support Center.