QML Sheet Element

Dialog type of container More...

Inherits Item

This element was introduced in qt-components 4.7.

• List of all members, including inherited members

Properties

• acceptButtonText : string
• buttons : Item
• content : Item
• rejectButtonText : string
• status : enum
• visualParent : Item

Signals

• accepted
• rejected

Detailed Description

The sheet is (in most use-cases) a fullscreen dialog that slides up from the bottom when activated. Buttons are rendered on top of the content field. Sheets are used whenever the amount of information and configure options is too much for standard dialogs. The api is similar to the one used in dialogs.

Example shows how to declare a sheet that has one button. Note that the button is put into Flickable so that the content of the sheet can be panned. Sheet itself is declared outside of the Flickable that contains the another button that launches the Sheet.

 ...

 Flickable {
     ...

     Button {
         id: myButton
         text: "Launch Sheet"
         onClicked: sheet.open()
     }
 }

 Sheet {
     id: sheet

     acceptButtonText: "Save"
     rejectButtonText: "Cancel"

     content: Flickable {
         anchors.fill: parent
         anchors.leftMargin: 10
         anchors.topMargin: 10
         contentWidth: col2.width
         contentHeight: col2.height
         flickableDirection: Flickable.VerticalFlick
         Column {
             id: col2
             anchors.top: parent.top
             spacing: 10
             Button {
                 text: "Click Me!"
             }
         }
     }
     onAccepted: myButton.text = "Accepted!"
     onRejected: myButton.text = "Rejected!"
 }

Property Documentation

Signal Documentation