Qt wiki will be updated on October 12th 2023 starting at 11:30 AM (EEST) and the maintenance will last around 2-3 hours. During the maintenance the site will be unavailable.
Modal Dialog with Qt Components on Meego: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
[[Category:snippets]]<br />[[Category:HowTo]] | |||
'''English''' [[Modal_Dialog_with_Qt_Components_on_Meego_Bulgarian|Български]] | |||
There is a | = How to make a Modal Dialog with Qt Components on MeeGo = | ||
There is a "QML Dialog element&quot;:http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-dialog.html?tab=1 in Qt Quick Components in MeeGo 1.2 Harmattan API. But this dialog is not modal - i.e. it can be closed by pressing on any part of the dialog's window, not only on the buttons. Such behavior is not good in some cases - any accidental touch can close the dialog's window. There is no way through the API to make this dialog not respond on background clicks. | |||
Surely we can make such a window ourselves without using Dialog element, but it is not a quick or proper way. | Surely we can make such a window ourselves without using Dialog element, but it is not a quick or proper way. | ||
From the | From the Dialog's source it can be discovered that a background click generates a '''privateClicked''' signal. Let's disable it by adding 2 lines into Dialog's creation:<br /><code><br /> signal privateClicked<br /> onPrivateClicked: {}<br /></code><br />and we get truly modal dialog. | ||
'''Full example of page with dialog'''<br /> | '''Full example of page with dialog'''<br /><code><br />import QtQuick 1.1<br />import com.nokia.meego 1.0 | ||
Page { | |||
QueryDialog {<br /> id: quDialog<br /> signal privateClicked<br /> onPrivateClicked: {}<br /> anchors.centerIn: parent<br /> titleText: "Modal Dialog&quot;<br /> rejectButtonText: "Cancel&quot;<br /> onRejected: { console.log ("Rejected&quot;);}<br /> }<br /> Component.onCompleted: quDialog.open()<br />} | |||
Revision as of 11:14, 24 February 2015
English Български
How to make a Modal Dialog with Qt Components on MeeGo
There is a "QML Dialog element":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-dialog.html?tab=1 in Qt Quick Components in MeeGo 1.2 Harmattan API. But this dialog is not modal - i.e. it can be closed by pressing on any part of the dialog's window, not only on the buttons. Such behavior is not good in some cases - any accidental touch can close the dialog's window. There is no way through the API to make this dialog not respond on background clicks.
Surely we can make such a window ourselves without using Dialog element, but it is not a quick or proper way.
From the Dialog's source it can be discovered that a background click generates a privateClicked signal. Let's disable it by adding 2 lines into Dialog's creation:
<br /> signal privateClicked<br /> onPrivateClicked: {}<br />
and we get truly modal dialog.
Full example of page with dialog
import QtQuick 1.1
import com.nokia.meego 1.0
Page {
QueryDialog {
id: quDialog
signal privateClicked
onPrivateClicked: {}
anchors.centerIn: parent
titleText: "Modal Dialog"
rejectButtonText: "Cancel"
onRejected: { console.log ("Rejected");}
}
Component.onCompleted: quDialog.open()
}