support for vertical panels

src/shell/containments/testpanel/contents/ui/main.qml

@@ -32,7 +32,7 @@ Item {
     Connections {
         target: plasmoid
         onAppletAdded: {
-            var container = appletContainerComponent.createObject(row)
+            var container = appletContainerComponent.createObject((plasmoid.formFactor == 3) ? column : row)
             print("Applet added in test panel: " + applet)
             applet.parent = container
             container.applet = applet
@@ -40,6 +40,17 @@ Item {
             applet.visible = true
             container.visible = true
         }
+        onFormFactorChanged: {
+            if (plasmoid.formFactor == 3) {
+                for (var container in row.children) {
+                    container.parent = column
+                }
+            } else {
+                for (var container in column.children) {
+                    container.parent = row
+                }
+            }
+        }
     }
 
     Component {
@@ -48,11 +59,8 @@ Item {
             id: container
             visible: false
 
-            anchors {
+            width: Math.min(root.width, root.height)
-                top: parent.top
+            height:  width
-                bottom: parent.bottom
-            }
-            width:  height
 
             property Item applet
 
@@ -71,6 +79,15 @@ Item {
         anchors {
             top: parent.top
             bottom: parent.bottom
+            left: parent.left
+        }
+    }
+    Column {
+        id: column
+        anchors {
+            top: parent.top
+            left: parent.left
+            right: parent.right
         }
     }