diff --git a/src/app/config.ts b/src/app/config.ts
index a58715bf958d855f2b2977efff4ee1fc0d8226be..7da9eb5e97c870d2e0567e5d38bb8863989f25dc 100644
--- a/src/app/config.ts
+++ b/src/app/config.ts
@@ -1,9 +1,11 @@
 export interface IConfig {
   legendUrl: string;
   legendClass: string;
+  showLeftSidebar: boolean;
 }
 
 export const defaultConfig: IConfig = {
   legendUrl: 'https://exbio.wzw.tum.de/covex/assets/leg1.png',
   legendClass: 'legend',
+  showLeftSidebar: true,
 };
diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index 9f04c18e7f39e3ab025f4bea46370775fb5df91e..d5dea32548e3ae11bd8ad1e057e2c411518bcf79 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -16,7 +16,7 @@
 
   <div class="covex left-window">
     <div>
-      <div class="covex sidebar bar-left">
+      <div *ngIf="myConfig.showLeftSidebar" class="covex sidebar bar-left">
 
         <div class="card bar-large">
           <header class="card-header">
diff --git a/src/index.html b/src/index.html
index 64b4c09db9667ff54105ddbb39fce47f0743d69f..dc44c866756a20c6f24919349b09f30bdfdf6b53 100644
--- a/src/index.html
+++ b/src/index.html
@@ -21,6 +21,7 @@
 </style>
 <button onclick="setNetwork('netexp1')">Set Network 1</button>
 <button onclick="setNetwork('netexp2')">Set Network 2</button>
+<button onclick="changeConfig()">Hide sidebar</button>
 <div style="border: 3px solid red">
   <network-expander id="netexp1" config='{"legendClass": "my-legend-1"}' onload="init1()"></network-expander>
 </div>
@@ -32,6 +33,11 @@
     document.getElementsByClassName('my-legend-1')[0].onclick = function() {this.remove()};
   }
 
+  function changeConfig() {
+    const netexp = document.getElementById('netexp1');
+    netexp.setAttribute('config', '{"showLeftSidebar": false}');
+  }
+
   function setNetwork(nw) {
     const netexp = document.getElementById(nw);