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(); }
    }
}

Run in Slintpad

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.

close-policy

type: PopupClosePolicy
default: <???>

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.