--- a/app/view/Viewport.js	Tue May 07 17:20:11 2013 +0200
+++ b/app/view/Viewport.js	Wed May 08 12:20:06 2013 +0200
@@ -1,17 +1,32 @@
 Ext.define('Lada.view.Viewport' ,{
     extend: 'Ext.container.Viewport',
     requires: [
-        'Lada.view.Sql',
-        'Lada.view.Proben'
+        'Lada.view.sql.List',
+        'Lada.view.sql.Variables',
+        'Lada.view.proben.List'
     ],
-    layout: 'fit',
     initComponent: function() {
         console.log('Setting up Viewport');
         this.items = {
-            xtype: 'probenlist'
-            //items: [{
-            //    xtype: 'probenlist'
-            //}]
+            xtype: 'panel',
+            title: '<center>Probenauswahlmaske</center>',
+            bodyPadding: '10 10',
+            items: [
+                {
+                    xtype: 'sqllist',
+                    margin: '0 0 10 0'
+                },
+                // Variables settings for the current selected sql statement.
+                //{
+                //    id: 'variables',
+                //    xtype: 'variables'
+                //},
+                // Resultlist for the query.
+                {
+                    id: 'result',
+                    xtype: 'probenlist'
+                }
+            ]
         };
         this.callParent(arguments);
     }