diff --git a/dev/demo/panel.html b/dev/demo/panel.html
index 0a65a3f..f309cbd 100644
--- a/dev/demo/panel.html
+++ b/dev/demo/panel.html
@@ -18,15 +18,23 @@
 });
 
 
-require(['buttongroup', 'panel','view'], function (btnClass, panelClass, viewClass) {
-  var panel = panelClass.create('up');
+require(['buttongroup', 'panel', 'view/koralquery'], function (btnClass, panelClass, kqClass) {
+  KorAP.koralQuery = {
+    '@type' : "https://beispiel",
+    'key' : 'Cool'
+  };
+
+  var panel = panelClass.create();
   var actions = panel.actions;
+
   actions.add('Meta',['meta'], function () {
     console.log(this.button.classList.contains('meta'));
-    view = viewClass.create();
+    view = kqClass.create();
     panel.add(view);
   });
+
   var list = actions.addList('More', ['list']);
+
   list.readItems([
     ['cool', 'cool', function (e, action) { console.log('really' + this.action()) }],
     ['very cool', 'veryCool', function (e, action) { console.log('very cool') }]