I have already mentioned several times that the number of extensions for Firebug is unbelievable and still increasing. My guess is that there is currently about 40 extensions adding new features. And of course, this great to see!
Many of these extensions are creating new panels with various additional info, often related to the current web-page and the problem is that there is not enough horizontal space to display all the panel tabs at once. So, after installing enough number of extensions, the situation can look like as follows.
The screenshot clearly shows what happens if there is too many tabs. The search box is pushed off the screen and it's not possible to even see the other tabs...
Please help us to decide how to solve this problem!
Shrink Tab Size
One solution could be to shrink tabs so they don't take so much horizontal space. Similar solution is used in Chrome browser:
Firebug UI would look like as follows in this case.
Note that I am using extremely small browser window (520px wide) for all screenshots so, they show the problem and also fit the size of this blog. In real there is usually more horizontal space.
- The user doesn't have to deal with scrolling.
- In case of larger number of panels, this solution doesn't have to be enough.
- It's harder to deal with tabs since there is no space to display labels.
Anyway, the little drop down arrow next to the panel tab list is intended to display entire list of available panels (similar to what Firefox does for tabs).
This menu should allow to manage visibility of individual panels and/or help to quickly switch to another panel.
Other option could be to make the tab-bar (the area where all panel tabs are displayed) scrollable.
The tab-bar area is enclosed by scrolling buttons that appear only if necessary (i.e. in case there is no space for displaying all tabs).
- This solution solves any number of panels.
- Labels visible.
- The user has to deal with scrolling. This can be annoying if often switching between the first and last panel.
Slightly modified version of the above.
What do you think, what would be better for your experience?
Do you have any other ideas how to solve this issue?
I appreciate any tips/comments/proposals!