Gets and sets properties of an extension's sidebar.

A sidebar is a pane that is displayed at the left-hand or right-hand side of the browser window, next to the web page. The browser provides a UI that enables the user to see the currently available sidebars and to select a sidebar to display. Using the sidebar_action manifest.json key, an extension can define its own sidebar. Using the sidebarAction API described here, an extension can get and set the sidebar's properties.

The sidebarAction API is closely modeled on the browserAction API.

The sidebarAction API is based on Opera's sidebarAction API. However, note that the following are not yet supported: setBadgeText(), getBadgeText(), setBadgeBackgroundColor(), getBadgeBackgroundColor(), onFocus, onBlur.

Types

sidebarAction.ImageDataType
Pixel data for an image. Must be an ImageData object (for example, from a <canvas> element).

Functions

sidebarAction.setPanel()
Sets the sidebar's panel.
sidebarAction.getPanel()
Gets the sidebar's panel.
sidebarAction.setTitle()
Sets the sidebar's title. This will be displayed in any UI provided by the browser to list sidebars, such as a menu.
sidebarAction.getTitle()
Gets the sidebar's title.
sidebarAction.setIcon()
Sets the sidebar's icon.
sidebarAction.open()
Opens the sidebar.
sidebarAction.close()
Closes the sidebar.
sidebarAction.isOpen()
Checks whether the sidebar is open or not.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxOperaFirefox for Android
ImageDataTypeChrome No support NoEdge No support NoFirefox Full support 54Opera Full support 30Firefox Android No support No
closeChrome No support NoEdge No support NoFirefox Full support 57Opera No support NoFirefox Android No support No
getPanelChrome No support NoEdge No support NoFirefox Full support 54Opera Full support 30Firefox Android No support No
getTitleChrome No support NoEdge No support NoFirefox Full support 54Opera Full support 30Firefox Android No support No
isOpenChrome No support NoEdge No support NoFirefox Full support 59Opera No support NoFirefox Android No support No
openChrome No support NoEdge No support NoFirefox Full support 57Opera No support NoFirefox Android No support No
setIconChrome No support NoEdge No support NoFirefox Full support 54Opera Full support 30Firefox Android No support No
setPanelChrome No support NoEdge No support NoFirefox Full support 54Opera Full support 30Firefox Android No support No
setTitleChrome No support NoEdge No support NoFirefox Full support 54Opera Full support 30Firefox Android No support No

Legend

Full support  
Full support
No support  
No support

Example add-ons

Acknowledgements

This API is based on Opera's chrome.sidebarAction API.

Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.

Document Tags and Contributors

Last updated by: hellosct1,