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.

Properties

close-policy

enum PopupClosePolicy default: close-on-click

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.

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.

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.