Update side panel examples to use action icon (#1155)

GoogleChrome · May 7, 2024 · dcd962a · dcd962a
1 parent e35aa7c
commit dcd962a
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 0 deletions.
diff --git a/functional-samples/cookbook.sidepanel-global/manifest.json b/functional-samples/cookbook.sidepanel-global/manifest.json
@@ -8,6 +8,12 @@
     "48": "images/icon-48.png",
     "128": "images/icon-128.png"
   },
+  "background": {
+    "service_worker": "service-worker.js"
+  },
+  "action": {
+    "default_title": "Click to open panel"
+  },
   "side_panel": {
     "default_path": "sidepanel.html"
   },

diff --git a/functional-samples/cookbook.sidepanel-global/service-worker.js b/functional-samples/cookbook.sidepanel-global/service-worker.js
@@ -0,0 +1,3 @@
+chrome.runtime.onInstalled.addListener(() => {
+  chrome.sidePanel.setPanelBehavior({ openPanelOnActionClick: true });
+});
diff --git a/functional-samples/cookbook.sidepanel-multiple/manifest.json b/functional-samples/cookbook.sidepanel-multiple/manifest.json
@@ -6,6 +6,9 @@
   "background": {
     "service_worker": "service-worker.js"
   },
+  "action": {
+    "default_title": "Click to open panel"
+  },
   "icons": {
     "16": "images/icon-16.png",
     "48": "images/icon-48.png",

diff --git a/functional-samples/cookbook.sidepanel-multiple/service-worker.js b/functional-samples/cookbook.sidepanel-multiple/service-worker.js
@@ -17,6 +17,7 @@ const mainPage = 'sidepanels/main-sp.html';
 
 chrome.runtime.onInstalled.addListener(() => {
   chrome.sidePanel.setOptions({ path: welcomePage });
+  chrome.sidePanel.setPanelBehavior({ openPanelOnActionClick: true });
 });
 
 chrome.tabs.onActivated.addListener(async ({ tabId }) => {