MessageDialogs.qml Example File

systemdialogs/MessageDialogs.qml 
 /****************************************************************************
 **
 ** Copyright (C) 2016 The Qt Company Ltd.
 ** Contact: https://www.qt.io/licensing/
 **
 ** This file is part of the examples of the Qt Toolkit.
 **
 ** $QT_BEGIN_LICENSE:BSD$
 ** Commercial License Usage
 ** Licensees holding valid commercial Qt licenses may use this file in
 ** accordance with the commercial license agreement provided with the
 ** Software or, alternatively, in accordance with the terms contained in
 ** a written agreement between you and The Qt Company. For licensing terms
 ** and conditions see https://www.qt.io/terms-conditions. For further
 ** information use the contact form at https://www.qt.io/contact-us.
 **
 ** BSD License Usage
 ** Alternatively, you may use this file under the terms of the BSD license
 ** as follows:
 **
 ** "Redistribution and use in source and binary forms, with or without
 ** modification, are permitted provided that the following conditions are
 ** met:
 **   * Redistributions of source code must retain the above copyright
 **     notice, this list of conditions and the following disclaimer.
 **   * Redistributions in binary form must reproduce the above copyright
 **     notice, this list of conditions and the following disclaimer in
 **     the documentation and/or other materials provided with the
 **     distribution.
 **   * Neither the name of The Qt Company Ltd nor the names of its
 **     contributors may be used to endorse or promote products derived
 **     from this software without specific prior written permission.
 **
 **
 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
 **
 ** $QT_END_LICENSE$
 **
 ****************************************************************************/

 import QtQuick 2.2
 import QtQuick.Controls 1.2
 import QtQuick.Dialogs 1.1
 import QtQuick.Layouts 1.1
 import QtQuick.Window 2.0

 Item {
     id: root
     width: 580
     height: 400
     SystemPalette { id: palette }
     clip: true

     MessageDialog {
         id: messageDialog
         visible: messageDialogVisible.checked
         modality: messageDialogModal.checked ? Qt.WindowModal : Qt.NonModal
         title: windowTitleField.text
         text: customizeText.checked ? textField.text : ""
         informativeText: customizeInformativeText.checked ? informativeTextField.text : ""
         detailedText: customizeDetailedText.checked ? detailedTextField.text : ""
         onButtonClicked: console.log("clicked button " + clickedButton)
         onAccepted: lastChosen.text = "Accepted " +
             (clickedButton == StandardButton.Ok ? "(OK)" : (clickedButton == StandardButton.Retry ? "(Retry)" : "(Ignore)"))
         onRejected: lastChosen.text = "Rejected " +
             (clickedButton == StandardButton.Close ? "(Close)" : (clickedButton == StandardButton.Abort ? "(Abort)" : "(Cancel)"))
         onHelp: lastChosen.text = "Yelped for help!"
         onYes: lastChosen.text = (clickedButton == StandardButton.Yes ? "Yeessss!!" : "Yes, now and always")
         onNo: lastChosen.text = (clickedButton == StandardButton.No ? "Oh No." : "No, no, a thousand times no!")
         onApply: lastChosen.text = "Apply"
         onReset: lastChosen.text = "Reset"
     }

     ScrollView {
         id: scrollView
         anchors {
             left: parent.left
             right: parent.right
             top: parent.top
             bottom: bottomBar.top
             leftMargin: 12
         }
         ColumnLayout {
             spacing: 8
             Item { Layout.preferredHeight: 4 } // padding
             Label {
                 font.bold: true
                 text: "Message dialog properties:"
             }
             CheckBox {
                 id: messageDialogModal
                 text: "Modal"
                 checked: true
                 Binding on checked { value: messageDialog.modality != Qt.NonModal }
             }
             RowLayout {
                 CheckBox {
                     id: customizeTitle
                     text: "Window Title"
                     Layout.alignment: Qt.AlignBaseline
                     checked: true
                 }
                 TextField {
                     id: windowTitleField
                     Layout.alignment: Qt.AlignBaseline
                     Layout.fillWidth: true
                     text: "Alert"
                 }
             }
             Label { text: "Icon:" }
             Flow {
                 spacing: 8
                 Layout.fillWidth: true
                 property bool updating: false
                 function updateIcon(icon, checked) {
                     if (updating) return
                     updating = true
                     messageDialog.icon = (checked ? icon : StandardIcon.NoIcon)
                     for (var i = 0; i < children.length; ++i)
                         if (children[i].icon !== icon)
                             children[i].checked = false
                     updating = false
                 }

                 CheckBox {
                     id: iconInformation
                     text: "Information"
                     property int icon: StandardIcon.Information
                     onCheckedChanged: parent.updateIcon(icon, checked)
                 }

                 CheckBox {
                     id: iconWarning
                     text: "Warning"
                     checked: true
                     property int icon: StandardIcon.Warning
                     onCheckedChanged: parent.updateIcon(icon, checked)
                     Component.onCompleted: parent.updateIcon(icon, true)
                 }

                 CheckBox {
                     id: iconCritical
                     text: "Critical"
                     property int icon: StandardIcon.Critical
                     onCheckedChanged: parent.updateIcon(icon, checked)
                 }

                 CheckBox {
                     id: iconQuestion
                     text: "Question"
                     property int icon: StandardIcon.Question
                     onCheckedChanged: parent.updateIcon(icon, checked)
                 }
             }

             RowLayout {
                 CheckBox {
                     id: customizeText
                     text: "Primary Text"
                     Layout.alignment: Qt.AlignBaseline
                     checked: true
                 }
                 TextField {
                     id: textField
                     Layout.alignment: Qt.AlignBaseline
                     Layout.fillWidth: true
                     text: "Attention Please"
                 }
             }
             RowLayout {
                 CheckBox {
                     id: customizeInformativeText
                     text: "Informative Text"
                     Layout.alignment: Qt.AlignBaseline
                     checked: true
                 }
                 TextField {
                     id: informativeTextField
                     Layout.alignment: Qt.AlignBaseline
                     Layout.fillWidth: true
                     text: "Be alert!"
                 }
             }
             Label { text: "Buttons:" }
             Flow {
                 spacing: 8
                 Layout.fillWidth: true
                 Layout.preferredWidth: root.width - 30
                 property bool updating: false
                 function updateButtons(button, checked) {
                     if (updating) return
                     updating = true
                     var buttons = 0
                     for (var i = 0; i < children.length; ++i)
                         if (children[i].checked)
                             buttons |= children[i].button
                     if (!buttons)
                         buttons = StandardButton.Ok
                     messageDialog.standardButtons = buttons
                     updating = false
                 }

                 CheckBox {
                     text: "Help"
                     property int button: StandardButton.Help
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "Abort"
                     property int button: StandardButton.Abort
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "Close"
                     property int button: StandardButton.Close
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "Cancel"
                     property int button: StandardButton.Cancel
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "NoToAll"
                     property int button: StandardButton.NoToAll
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "No"
                     property int button: StandardButton.No
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "YesToAll"
                     property int button: StandardButton.YesToAll
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "Yes"
                     property int button: StandardButton.Yes
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "Ignore"
                     property int button: StandardButton.Ignore
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "Retry"
                     property int button: StandardButton.Retry
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }

                 CheckBox {
                     text: "OK"
                     checked: true
                     property int button: StandardButton.Ok
                     onCheckedChanged: parent.updateButtons(button, checked)
                 }
             }
             RowLayout {
                 CheckBox {
                     id: customizeDetailedText
                     text: "Detailed Text"
                     Layout.alignment: Qt.AlignBaseline
                     checked: true
                 }
                 TextField {
                     id: detailedTextField
                     Layout.alignment: Qt.AlignBaseline
                     Layout.fillWidth: true
                     text: "The world needs more lerts."
                 }
             }
             CheckBox {
                 id: messageDialogVisible
                 text: "Visible"
                 Binding on checked { value: messageDialog.visible }
             }
             Label {
                 id: lastChosen
             }
         }
     }

     Rectangle {
         id: bottomBar
         anchors {
             left: parent.left
             right: parent.right
             bottom: parent.bottom
         }
         height: buttonRow.height * 1.2
         color: Qt.darker(palette.window, 1.1)
         border.color: Qt.darker(palette.window, 1.3)
         Row {
             id: buttonRow
             spacing: 6
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: parent.left
             anchors.leftMargin: 12
             width: parent.width
             Button {
                 text: "Open"
                 anchors.verticalCenter: parent.verticalCenter
                 onClicked: messageDialog.open()
             }
             Button {
                 text: "Close"
                 anchors.verticalCenter: parent.verticalCenter
                 onClicked: messageDialog.close()
             }
         }
     }
 }

© 2020 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners.
The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation.
Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.