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

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.