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.

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.

is-open

bool (out)

Use this read-only property to style the element that opened the popup, for example to rotate a ComboBox’s arrow while the dropdown is open. true while the popup is shown on the screen, and false once it is closed, for example when dismissed by a click, by a selection, or by a programmatic close().

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.