1 files changed, 39 insertions, 14 deletions

diff --git a/examples/quick/tutorials/dynamicview/dynamicview3/dynamicview.qml b/examples/quick/tutorials/dynamicview/dynamicview3/dynamicview.qml
index ea88da4e53..1212ac066c 100644
--- a/examples/quick/tutorials/dynamicview/dynamicview3/dynamicview.qml
+++ b/examples/quick/tutorials/dynamicview/dynamicview3/dynamicview.qml
@@ -1,13 +1,15 @@
 // Copyright (C) 2017 The Qt Company Ltd.
 // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
 
+pragma ComponentBehavior: Bound
 import QtQuick
 import QtQml.Models
 //![0]
 Rectangle {
     id: root
 
-    width: 300; height: 400
+    width: 300
+    height: 400
 
     Component {
         id: dragDelegate
@@ -16,8 +18,15 @@ Rectangle {
             id: dragArea
 
             property bool held: false
-
-            anchors { left: parent.left; right: parent.right }
+            required property string name
+            required property string type
+            required property string size
+            required property int age
+
+            anchors {
+                left: parent?.left
+                right: parent?.right
+            }
             height: content.height
 
             drag.target: held ? content : undefined
@@ -33,7 +42,8 @@ Rectangle {
                     horizontalCenter: parent.horizontalCenter
                     verticalCenter: parent.verticalCenter
                 }
-                width: dragArea.width; height: column.implicitHeight + 4
+                width: dragArea.width
+                height: column.implicitHeight + 4
 
                 border.width: 1
                 border.color: "lightsteelblue"
@@ -51,29 +61,41 @@ Rectangle {
                 states: State {
                     when: dragArea.held
 
-                    ParentChange { target: content; parent: root }
+                    ParentChange {
+                        target: content
+                        parent: root
+                    }
                     AnchorChanges {
                         target: content
-                        anchors { horizontalCenter: undefined; verticalCenter: undefined }
+                        anchors {
+                            horizontalCenter: undefined
+                            verticalCenter: undefined
+                        }
                     }
                 }
 
                 Column {
                     id: column
-                    anchors { fill: parent; margins: 2 }
+                    anchors {
+                        fill: parent
+                        margins: 2
+                    }
 
-                    Text { text: 'Name: ' + name }
-                    Text { text: 'Type: ' + type }
-                    Text { text: 'Age: ' + age }
-                    Text { text: 'Size: ' + size }
+                    Text { text: qsTr('Name: ') + dragArea.name }
+                    Text { text: qsTr('Type: ') + dragArea.type }
+                    Text { text: qsTr('Age: ') + dragArea.age }
+                    Text { text: qsTr('Size: ') + dragArea.size }
                 }
 //![2]
             }
 //![3]
             DropArea {
-                anchors { fill: parent; margins: 10 }
+                anchors {
+                    fill: parent
+                    margins: 10
+                }
 
-                onEntered: (drag)=> {
+                onEntered: (drag) => {
                     visualModel.items.move(
                             drag.source.DelegateModel.itemsIndex,
                             dragArea.DelegateModel.itemsIndex)
@@ -94,7 +116,10 @@ Rectangle {
     ListView {
         id: view
 
-        anchors { fill: parent; margins: 2 }
+        anchors {
+            fill: parent
+            margins: 2
+        }
 
         model: visualModel