diff --git a/browser/html/framed.doc.html b/browser/html/framed.doc.html
index 136026fc833c..f77da61d74b4 100644
--- a/browser/html/framed.doc.html
+++ b/browser/html/framed.doc.html
@@ -139,6 +139,12 @@
               'Values': {'Mode': value}});
       }
 
+      function CollapseNotebookbar(collapse) {
+        post({'MessageId': collapse ? 'Collapse_Notebookbar' : 'Extend_Notebookbar',
+              'Values': null
+            });
+      }
+
       function Execute(messageId, values) {
         post({'MessageId': messageId, 'Values': values});
       }
@@ -361,6 +367,8 @@ <h3>UI modification</h3>
       <p>
       <button onclick="ShowNotebookbar(false); return false;">Compact Toolbar</button>
       <button onclick="ShowNotebookbar(true); return false;">Tabbed Toolbar</button>
+      <button onclick="CollapseNotebookbar(true); return false;">Collapse Tabbed Toolbar</button>
+      <button onclick="CollapseNotebookbar(false); return false;">Extend Tabbed Toolbar</button>
     </form>
 
     <h3>Send UNO Commands</h3>
diff --git a/browser/src/map/handler/Map.WOPI.js b/browser/src/map/handler/Map.WOPI.js
index 84d19994752e..fe9992d19931 100644
--- a/browser/src/map/handler/Map.WOPI.js
+++ b/browser/src/map/handler/Map.WOPI.js
@@ -306,6 +306,14 @@ L.Map.WOPI = L.Handler.extend({
 			this._map.uiManager.hideRuler();
 			return;
 		}
+		else if (msg.MessageId === 'Collapse_Notebookbar') {
+			this._map.uiManager.collapseNotebookbar();
+			return;
+		}
+		else if (msg.MessageId === 'Extend_Notebookbar') {
+			this._map.uiManager.extendNotebookbar();
+			return;
+		}
 		else if (msg.MessageId === 'Show_Menu_Item' || msg.MessageId === 'Hide_Menu_Item') {
 			if (!msg.Values) {
 				window.app.console.error('Property "Values" not set');