PopupWindow

export component Example inherits Window {
    width: 100px;
    height: 100px;

    popup := PopupWindow {
        Rectangle { height:100%; width: 100%; background: yellow; }
        x: 20px; y: 20px; height: 50px; width: 50px;
    }

    TouchArea {
        height:100%; width: 100%;
        clicked => { popup.show(); }
    }
}

slint

Use this element to show a popup window like a tooltip or a popup menu.

Note

It isn’t allowed to access properties of elements within the popup from outside of the PopupWindow. See #4438 ↗.

Properties

close-policy

enum PopupClosePolicy default: close-on-click

By default, a PopupWindow closes when the user clicks. Set this to false to prevent that behavior and close it manually using the close() function.

PopupClosePolicy

• close-on-click: Closes the PopupWindow when user clicks or presses the escape key.
• close-on-click-outside: Closes the PopupWindow when user clicks outside of the popup or presses the escape key.
• no-auto-close: Does not close the PopupWindow automatically when user clicks.

Functions

show()

Show the popup on the screen.

close()

Closes the popup. Use this if you set the close-policy property to no-auto-close.