How can I specify a sidebar in Chrome extension?

Question

I'm trying to add a sidebar (experimental) to my extension.

I've enabled the "Experimental Extension APIs" in Chrome.

When I invoke:

chrome.experimental.sidebar.show(cTab);

method, (where cTab is current tab) I get an error:

Error during experimental.sidebar.show: This extension has no sidebar specified.

When I invoke:

chrome.experimental.sidebar.getState(cTab, function (state) { alert(state); });

I get "undefined" in the alert box.

I read the specs of chrome.experimental.sidebar and I have no clue how to add a sidebar to Chrome.

How can I specify a sidebar for my extension? Please help.

score 4 · Accepted Answer · answered Jul 15 '11 at 16:06

First declare sidebar in your manifest:

{
    ...
    "sidebar": {},
    ...
}

Then to display sidebar.html in a current tab:

chrome.experimental.sidebar.show();
chrome.experimental.sidebar.expand();
chrome.experimental.sidebar.navigate({path: "sidebar.html"});

score 2 · Answer 2 · edited May 23 '17 at 12:25

2

This is no longer supported unfortunately. See:

Hopefully they'll add it back new and improved in a future release.

You'll need to use the DOM injection approach.

edited May 23 '17 at 12:25

Community

answered Aug 15 '12 at 22:27

bobics

2 Answers2