sidebarAction

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.close()

Closes the sidebar.

sidebarAction.getPanel()

Gets the sidebar's panel.

sidebarAction.getTitle()

Gets the sidebar's title.

sidebarAction.isOpen()

Checks whether the sidebar is open or not.

sidebarAction.open()

Opens the sidebar.

sidebarAction.setIcon()

Sets the sidebar's icon.

sidebarAction.setPanel()

Sets 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.toggle()

Toggles the visibility of the sidebar.

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
ImageDataType	No	No	54	?	30	No	?	?	No	?	?	?
close	No	No	57	?	No	No	?	?	No	?	?	?
getBadgeBackgroundColor	No	No	No	?	30	No	?	?	No	?	?	?
getBadgeText	No	No	No	?	30	No	?	?	No	?	?	?
getPanel	No	No	54	?	30	No	?	?	No	?	?	?
getTitle	No	No	54	?	30	No	?	?	No	?	?	?
isOpen	No	No	59	?	No	No	?	?	No	?	?	?
onBlur	No	No	No	?	30	No	?	?	No	?	?	?
onFocus	No	No	No	?	30	No	?	?	No	?	?	?
open	No	No	57	?	No	No	?	?	No	?	?	?
setBadgeBackgroundColor	No	No	No	?	30	No	?	?	No	?	?	?
setBadgeText	No	No	No	?	30	No	?	?	No	?	?	?
setIcon	No	No	54	?	30	No	?	?	No	?	?	?
setPanel	No	No	54	?	30	No	?	?	No	?	?	?
setTitle	No	No	54	?	30	No	?	?	No	?	?	?
toggle	No	No	73	?	No	No	?	?	No	?	?	?

Example add-ons

• annotate-page