toggle to show keyboard in the right orientation

Main.qml

@@ -1,5 +1,7 @@
 import QtQuick
 import QtQuick.VirtualKeyboard
+import QtQuick.Controls
+import QtQuick.Layouts
 
 Window {
     id: root
@@ -14,43 +16,47 @@ Window {
         anchors.centerIn: parent
         // Rotate 90 degrees clockwise around transformOrigin
         rotation: 90
-        // The rotated content
+
-        Text {
+        ColumnLayout {
-            text: qsTr("Hello World")
+            id: column
             anchors.centerIn: parent
-        }
+
-        MouseArea {
+            Text {
-            anchors.fill: parent
+                text: qsTr("Hello World")
-            onClicked: {
+            }
-                Qt.quit();
+            RoundButton {
+                text: "Show keyboard"
+                onClicked: {
+                    inputPanel.active = !inputPanel.active
+                }
             }
         }
-    }
 
-    InputPanel {
+        InputPanel {
-        id: inputPanel
+            id: inputPanel
-        z: 99
+            z: 99
-        x: 0
+            x: 0
-        y: root.height
+            y: parent.height
-        width: root.width
+            width: parent.width
 
-        states: State {
+            states: State {
-            name: "visible"
+                name: "visible"
-            when: inputPanel.active
+                when: inputPanel.active
-            PropertyChanges {
+                PropertyChanges {
-                target: inputPanel
+                    target: inputPanel
-                y: root.height - inputPanel.height
+                    y: parent.height - inputPanel.height
+                }
             }
-        }
+            transitions: Transition {
-        transitions: Transition {
+                from: ""
-            from: ""
+                to: "visible"
-            to: "visible"
+                reversible: true
-            reversible: true
+                ParallelAnimation {
-            ParallelAnimation {
+                    NumberAnimation {
-                NumberAnimation {
+                        properties: "y"
-                    properties: "y"
+                        duration: 250
-                    duration: 250
+                        easing.type: Easing.InOutQuad
-                    easing.type: Easing.InOutQuad
+                    }
                 }
             }
         }