How to make Dialog fit it's contents?

[flashmozzg]

I have something like this:

Dialog {
        id: dialog
        title: qsTr("Choose someText")
        standardButtons: StandardButton.Ok | StandardButton.Cancel
 
        Row {
            id: row
            spacing: 5
            Label {text: qsTr("this is someText:");anchors.verticalCenter: tf.verticalCenter}
            TextField {
                id:tf
                text: someText
            }
            Label {text: "text2";anchors.verticalCenter: tf.verticalCenter}
        }
}

Dialog {
        id: dialog
        title: qsTr("Choose someText")
        standardButtons: StandardButton.Ok | StandardButton.Cancel

        Row {
            id: row
            spacing: 5
            Label {text: qsTr("this is someText:");anchors.verticalCenter: tf.verticalCenter}
            TextField {
                id:tf
                text: someText
            }
            Label {text: "text2";anchors.verticalCenter: tf.verticalCenter}
        }
}

To copy to clipboard, switch view to plain text mode 

But no matter what (changing spacing, commenting out labels), Dialog width always stays at 225 cutting part from leftmost label. In docs it said it should fit the content of it's content item but it doesn't! How to solve this? I don't want to recreate dialog with all of it's buttons and signals using window.
P.S. sort of unrelated question: is there a way to wait until dialog is closed? For example if I want to use value retrieved from dialoge in signal, I want to .open() dialog and wait until it closes to send signal. connecting to onAccepted() won't work because I don't want to send this signal every time this dialog closes, only after I open it from specific place.

[anda_skoa]

Have you tried using the width and height of "row" or its implicit height/width?

I am not sure what you mean with "wait". Do you mean a modal dialog, i.e. one that blocks input to the parent window while it is open?
If so, see the modality property.

Cheers,
_

[flashmozzg]

Have you tried using the width and height of "row" or its implicit height/width?

How? In docs it says:

Note: do not attempt to bind the width or height of the dialog to the width or height of its content, because Dialog already tries to size itself to the content. If your goal is to change or eliminate the margins, you must override contentItem. If your goal is simply to show a window (whether modal or not), and your platform supports it, it is simpler to use Window instead.

I am not sure what you mean with "wait". Do you mean a modal dialog, i.e. one that blocks input to the parent window while it is open?
If so, see the modality property.

I mean that if I write somewhere {dialog.open(), sendSignal(dialog.text)} it won't wait until dialog is closed to send signal (or do whatever action I write there). It will emit sendSignal right after dialog opens. And I can't (don't want to) add this to onAccpeted or whatever signal of dialog because I intend to use this dialog in many cases and I don't need to emit sendSignal every time I use this dialog. I know that in C++ you could do something like res = dialog.exec(), but I haven't found any alternatives for qml/js.

[anda_skoa]

How? In docs it says:

I just tried this and it creates a dialog that can't be shrunk below its content's size

import QtQuick 2.1
import QtQuick.Controls 1.2
import QtQuick.Dialogs 1.2
 
Dialog {
        id: dialog
        title: qsTr("Choose someText")
        standardButtons: StandardButton.Ok | StandardButton.Cancel
 
        Row {
            id: row
            spacing: 5
            Label {text: qsTr("this is someText:");anchors.verticalCenter: tf.verticalCenter}
            TextField {
                id:tf
                text: "foo"
            }
            Label {text: "text2";anchors.verticalCenter: tf.verticalCenter}
        }
 
    Component.onCompleted: open()
}

import QtQuick 2.1
import QtQuick.Controls 1.2
import QtQuick.Dialogs 1.2

Dialog {
        id: dialog
        title: qsTr("Choose someText")
        standardButtons: StandardButton.Ok | StandardButton.Cancel

        Row {
            id: row
            spacing: 5
            Label {text: qsTr("this is someText:");anchors.verticalCenter: tf.verticalCenter}
            TextField {
                id:tf
                text: "foo"
            }
            Label {text: "text2";anchors.verticalCenter: tf.verticalCenter}
        }

    Component.onCompleted: open()
}

To copy to clipboard, switch view to plain text mode 

And I can't (don't want to) add this to onAccpeted or whatever signal of dialog because I intend to use this dialog in many cases and I don't need to emit sendSignal every time I use this dialog.

Using the same dialog type does not imply using the same instance.
Any specific reason you want to use the same instance of the dialog?

Cheers,
_

[flashmozzg]

I just tried this and it creates a dialog that can't be shrunk below its content's size
[/code]

I just tried compiling my app on my laptop - and there it creates dialog of appropriate size! But not on my PC! See: http://i.imgur.com/0vguCtZ.png
The only difference I can think of (same OS and settings) is monitor resolution.
Even stranger is that when I compile and run my app on my Android device it has this problem too! I'll try to deploy my app to my smartphone from laptop and see if the problem persists.
Edit: tried on emu from laptop - same problem there.

Using the same dialog type does not imply using the same instance.
Any specific reason you want to use the same instance of the dialog?
_

Hm, using may loaders instead of many dialogs? That might work! Thanks!

[anda_skoa]

Hm, using may loaders instead of many dialogs? That might work! Thanks!

Another option is to have your own open() function that takes a reference to a "receiver" object and in onAccepted to just call a function on that object.
I think you can even pass a function as an argument, i.e. basically a callback.

Cheers,
_