Dedicated options window with WebExtensions?

Add-ons Development
1

I’ve been looking at the recommended way to create an options window where the user can change various values that affects the add-on.

The sample add-on is “favourite-colour” that adds a simple options window to set a single value.

My add-on is a complex form filler and the user have the option to enter around 100 different values and change various settings.

It strikes me that the recommended way to create an option window leaves very limited space for the actual options.

Around 33% of the window is dedicated to the general add-ons menu (1). Another 33% is dedicated to update options (2) and then finally we have the last 33% for the actual options (3).

firefox_2017-01-30_16-31-24.png1894×975 60.3 KB

I wonder if there’s a better way to display a dedicated add-on options window to the user with WebExtensions?

My thoughts are that the user is not interested in dictionaries, user scripts, searching for other add-ons or or disabling and removing the add-on he just decided to change the options for.

So please let me know if there is an alternative?

2

OK. I found it my self.

  "options_ui": {
      "page": "options.html",
      "open_in_tab": true
  }

"open_in_tab": true will open the options window in a new tab and not in the extensions manager.

Described here for reference.

1 Like