diff --git a/frontend-js/src/main/js/gui/leftPanel/Panel.js b/frontend-js/src/main/js/gui/leftPanel/Panel.js
index 0c1d683e28de744652eb1ff236ca48e7c6f18928..41f27bb4e3c71edfc06e8566bc028fc98f21934e 100644
--- a/frontend-js/src/main/js/gui/leftPanel/Panel.js
+++ b/frontend-js/src/main/js/gui/leftPanel/Panel.js
@@ -22,6 +22,32 @@ function Panel(params) {
     $(self.getElement()).addClass("pre-scrollable");
   }
 
+  $(self.getElement()).css("position", "relative");
+  if (params.helpTip !== undefined) {
+    var helpTipButton = Functions.createElement({
+      type : "button",
+      style : "position: absolute; top:5px; right: 5px;width:18px",
+      content : '<span class="ui-icon ui-icon-help" style="margin-left: -0.5em;"/>',
+    });
+    helpTipButton.onclick = function() {
+      var helpDialogDiv = Functions.createElement({
+        type : "div",
+        content : params.helpTip,
+      });
+      $(helpDialogDiv).dialog({
+        close : function(event, ui) {
+          $(this).dialog('destroy').remove();
+        },
+        position : {
+          my : "left top",
+          at : "left bottom",
+          of : helpTipButton
+        },
+      });
+    };
+    self.getElement().appendChild(helpTipButton);
+  }
+
   GuiConnector.addWindowResizeEvent(function() {
     self.onresize();
   });