By Opera Software

From Opera 15 onward, Opera 11 & 12’s extension format is no longer supported, and instead, we’ve switched to Chromium’s extension model. Check out our new documentation for developing extensions for Opera 15 and higher and start building your own extensions.


The readonly id attribute a unique identifier for this browser tab group. The value is a string of characters determined by the implementation and is unique for each browsing session.


readonly DOMString id


The following example creates a button on the browser toolbar. When the button is clicked, the ID (unique identifier) of the first tab group is displayed in the button's badge.

// The background process (e.g. index.html)

// Specify the properties of the button before creating it.
var UIItemProperties = {
  disabled: false,
  title: "Example extension",
  icon: "images/icon_18.png",
  badge: {
    backgroundColor: '#cc0000',
    color: '#ffffff'

// Create the button and add it to the toolbar.
var button = opera.contexts.toolbar.createItem( UIItemProperties );

button.addEventListener('click', handleClick, false);

function handleClick() {
  // Get all tab groups in the current window
  var groups = opera.extension.tabGroups.getAll();

  // Display the first group's ID in the button's badge
  button.badge.textContent = groups[0].id;

This article is licensed under a Creative Commons Attribution 3.0 Unported license.


No new comments accepted.