LongDialog.qml

import QtQuick 2.0
import Sailfish.Silica 1.0

Dialog {
    id: dialog

    SilicaFlickable {
        anchors.fill: parent
        height: content.height
        //height: header.height + firstSection.height + foo.height + bar.height + baz.height + quux.height + secondSection.height + foo2.height + bar2.height + baz2.height + quux2.height
        width: parent.width

        Column {

            id: content
            width: parent.width

            height: header.height + firstSection.height + foo.height + bar.height + baz.height + quux.height + secondSection.height + foo2.height + bar2.height + baz2.height + quux2.height

            DialogHeader {
                id: header
                title: "Long dialog"
                width: parent.width
            }

            SectionHeader  {
                id: firstSection
                text: "First"
            }

            TextField {
                id: foo
                text: "foo"
                label: "foo"
                labelVisible: true
                width: parent.width
            }

            TextField {
                id: bar
                text: "bar"
                label: "bar"
                labelVisible: true
                width: parent.width
            }

            TextField {
                id: baz
                text: "baz"
                label: "baz"
                labelVisible: true
                width: parent.width
            }

            TextField {
                id: quux
                text: "quux"
                label: "quuz"
                labelVisible: true
                width: parent.width
            }

            SectionHeader {
                id: secondSection
                text: "Second"
            }

            TextField {
                id: foo2
                text: "foo"
                label: "foo"
                labelVisible: true
                width: parent.width
            }

            TextField {
                id: bar2
                text: "bar"
                label: "bar"
                labelVisible: true
                width: parent.width
            }

            TextField {
                id: baz2
                text: "baz"
                label: "baz"
                labelVisible: true
                width: parent.width
            }

            TextField {
                id: quux2
                text: "quux"
                label: "quuz"
                labelVisible: true
                width: parent.width
            }
        }
    }
}