Using TextArea in about page.

qml/pages/PageAboutApp.qml

@@ -23,7 +23,7 @@
 
 import QtQuick 2.7
 import QtQuick.Layouts 1.3
-import QtQuick.Controls 2.1
+import QtQuick.Controls 2.2
 import cz.nic.mobileDatovka 1.0
 
 Item {
@@ -40,101 +40,107 @@ Item {
             pageView.pop(StackView.Immediate)
         }
     }
-    Flickable {
-        id: flickable
-        z: 0
+
+    ColumnLayout {
+        id: columnLayout
+
         anchors.top: headerBar.bottom
         anchors.right: parent.right
         anchors.left: parent.left
         anchors.bottom: parent.bottom
-        contentHeight: flickContent.implicitHeight
-        Pane {
-            id: flickContent
-            anchors.fill: parent
-            Column {
-                anchors.right: parent.right
-                anchors.left: parent.left
-                spacing: formItemVerticalSpacing * 2
-                AccessibleText {
-                    id: pageLabel
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    width: parent.width
-                    font.bold: true
-                    color: datovkaPalette.text
-                    horizontalAlignment: Text.AlignHCenter
-                    wrapMode: Text.WordWrap
-                    text: qsTr("Datovka - free mobile Data-Box client")
-                }
-                AccessibleImageButton {
-                    id: datovkaLogo
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    width: imgHeightHeader * 1.4
-                    height: imgHeightHeader * 1.4
-                    source: "qrc:/datovka.png"
-                    accessibleName: qsTr("Open application home page.")
-                    onClicked: {
-                        Qt.openUrlExternally("http://www.datovka.cz/")
-                    }
-                }
-                AccessibleText {
-                    id: versionLabel
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    font.bold: true
-                    color: datovkaPalette.text
-                    text: qsTr("Version") + ": " + settings.appVersion()
-                }
-                AccessibleText {
-                    id: infoLabel01
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    color: datovkaPalette.text
-                    width: parent.width
-                    textFormat: TextEdit.RichText
-                    horizontalAlignment: Text.AlignHCenter
-                    wrapMode: Text.WordWrap
-                    text: qsTr("This application provides the means to access data boxes in the ISDS system. It enables you to download and to view the content of messages held within the data box. You can also, with some limitations, send messages from this application.")
-                }
-                AccessibleText {
-                    id: infoLabel02
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    color: datovkaPalette.text
-                    width: parent.width
-                    textFormat: TextEdit.RichText
-                    horizontalAlignment: Text.AlignHCenter
-                    wrapMode: Text.WordWrap
-                    text: qsTr("You may use this application only at your own risk. The association CZ.NIC is not the operator of the data box system. CZ.NIC is not liable for any damage that may be directly or indirectly caused by using this application.")
-                }
-                AccessibleText {
-                    id: infoLabel03
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    color: datovkaPalette.text
-                    width: parent.width
-                    textFormat: TextEdit.RichText
-                    horizontalAlignment: Text.AlignHCenter
-                    wrapMode: Text.WordWrap
-                    onLinkActivated: Qt.openUrlExternally(link)
-                    text: qsTr("If you have problems using this application or want help or you just want more information then start by reading through the information in the <a href=\"%1\">user manual</a> or on the <a href=\"%2\">project web page</a>.")
-                              .arg("https://secure.nic.cz/files/datove_schranky/redirect/mobile-manual.html")
-                              .arg("https://www.datovka.cz/cs/pages/mobilni-datovka.html")
-                }
-                AccessibleText {
-                    id: cznicLabel
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    font.bold: true
-                    color: datovkaPalette.text
-                    text: qsTr("Powered by")
-                }
-                AccessibleImageButton {
-                    id: cznicLogo
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    sourceSize.height: imgHeightHeader
-                    source: "qrc:/cznic.png"
-                    accessibleName: qsTr("Open home page of the CZ.NIC association.")
-                    onClicked: {
-                        Qt.openUrlExternally("http://www.nic.cz/")
-                    }
+
+        spacing: formItemVerticalSpacing * 2
+
+        Rectangle {
+            color: datovkaPalette.window
+            Layout.fillWidth: true
+            height: 2 * datovkaLogo.height
+        }
+
+        AccessibleImageButton {
+            id: datovkaLogo
+            anchors.horizontalCenter: parent.horizontalCenter
+            width: imgHeightHeader * 1.4
+            height: imgHeightHeader * 1.4
+            source: "qrc:/datovka.png"
+            accessibleName: qsTr("Open application home page.")
+            onClicked: {
+                Qt.openUrlExternally("http://www.datovka.cz/")
+            }
+        }
+
+        AccessibleText {
+            id: pageLabel
+            anchors.horizontalCenter: parent.horizontalCenter
+            width: parent.width
+            font.bold: true
+            color: datovkaPalette.text
+            horizontalAlignment: Text.AlignHCenter
+            wrapMode: Text.WordWrap
+            text: qsTr("Datovka - free mobile Data-Box client") + "\n" + qsTr("Version: %1").arg(settings.appVersion())
+        }
+
+        Flickable {
+            id: flickableArea
+
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+
+            flickableDirection: Flickable.VerticalFlick
+
+            TextArea.flickable: TextArea {
+                id: textArea
+
+                color: datovkaPalette.text
+                //font: defaultTextFont.font
+                font.pointSize: defaultTextFont.font.pointSize
+
+                textFormat: TextEdit.RichText
+                horizontalAlignment: Text.AlignHCenter
+                wrapMode: Text.WordWrap
+                readOnly: true
+                persistentSelection: true
+                onLinkActivated: Qt.openUrlExternally(link)
+
+                text: {
+                    qsTr("This application provides the means to access data boxes in the ISDS system. It enables you to download and to view the content of messages held within the data box. You can also, with some limitations, send messages from this application.")
+                    + "<br/><br/>" +
+                    qsTr("You may use this application only at your own risk. The association CZ.NIC is not the operator of the data box system. CZ.NIC is not liable for any damage that may be directly or indirectly caused by using this application.")
+                    + "<br/><br/>" +
+                    qsTr("If you have problems using this application or want help or you just want more information then start by reading through the information in the <a href=\"%1\">user manual</a> or on the <a href=\"%2\">project web page</a>.")
+                        .arg("https://secure.nic.cz/files/datove_schranky/redirect/mobile-manual.html")
+                        .arg("https://www.datovka.cz/cs/pages/mobilni-datovka.html")
                 }
-            } // Column layout
-        } // Pane
-        ScrollIndicator.vertical: ScrollIndicator {}
-    } // Flickable
+            }
+
+            ScrollIndicator.vertical: ScrollIndicator {}
+            ScrollIndicator.horizontal: ScrollIndicator {}
+        }
+
+        AccessibleText {
+            id: cznicLabel
+            anchors.horizontalCenter: parent.horizontalCenter
+            font.bold: true
+            color: datovkaPalette.text
+            text: qsTr("Powered by")
+            Accessible.focusable: true
+        }
+
+        AccessibleImageButton {
+            id: cznicLogo
+            anchors.horizontalCenter: parent.horizontalCenter
+            sourceSize.height: imgHeightHeader
+            source: "qrc:/cznic.png"
+            accessibleName: qsTr("Open home page of the CZ.NIC association.")
+            onClicked: {
+                Qt.openUrlExternally("http://www.nic.cz/")
+            }
+        }
+
+        Rectangle {
+            color: datovkaPalette.window
+            Layout.fillWidth: true
+            height: 3 * cznicLogo.height
+        }
+    }
 } // Item