Table of Contents

In-Tab UI

The following slides can be found in this presentation:

In-Tab (In-Content) UI

Robert Kaiser, "KaiRo" <>
Mozilla contributor, add-on developer, SeaMonkey coordinator


  • Created for Mozilla Developer Room at FOSDEM 2011 in Brussels.
  • Written with in HTML 5 with CSS 3 and JavaScript.
  • Navigation with links on all slides, with accesskeys (e.g. "n"/Alt+Shift+N for "next") or back/forward keys
  • Table of Contents
  • Licensed under CC-BY-SA, 02/2011 Robert Kaiser

Basic Description

Current State

"Examples of in-content UI already present include session restore, about:config, new add-ons manager, network error pages and phishing/malware warning pages."
Add-ons manager

Plans: Preferences

As laid out by Stephen Horlander in June 2010, preferences are among the targets for moving UI into tabs, here's a mockup he drew up:
Win7 Network Preference Mockup

Plans: Tentative

The blog post as well as the in-content page design wiki page also talks about the following: Non-goal: "Redesign all windows and panels" tracking bugs: bug 584942

Tahoe Data Manager

Tahoe Data Manager

Jökulsárlón Download Manager

Jökulsárlón Download Manager Mandelbrot Mandelbrot


Let's take a look at some currently working examples of in-tab UI!

Open Discussion

Thanks for your attention!

We should have some time for discussion now.
  • Any open questions?
  • Any unmentioned issues?
  • Anyone wanting to help us?
  • Anything I forgot to mention?