This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Can I dock the style portion of the new dev tools to the right-hand side of the window as they were before?

  • 5 replies
  • 10 have this problem
  • 1 view
  • Last reply by cor-el

more options

In previous versions of Firefox, the dev tools had the HTML on the bottom and styles on the right. Now everything is docked to the bottom of the screen. Is there any way to vertically stretch the styles back to the full window height? I find them hard to navigate quickly on the bottom and I don't want to have to manage a separate window.

In previous versions of Firefox, the dev tools had the HTML on the bottom and styles on the right. Now everything is docked to the bottom of the screen. Is there any way to vertically stretch the styles back to the full window height? I find them hard to navigate quickly on the bottom and I don't want to have to manage a separate window.

Chosen solution

Firefox 22 (current Aurora 22.0a2 has it, but 21.0 beta doesn't) and later will have this feature as posted by Ibay to dock the inspector panel to the right side, so you will have to wait 12 weeks to get it in a Firefox release or take a look at Aurora (note that this version is updated daily).

Read this answer in context 👍 1

All Replies (5)

more options

Hi!

There's the option to put them on the side. Select the icon with 2 columns next the closing cross on the top left corner of the Inspector.

Let me know if that helps. Ibai

more options

I don't see any icons with 2 columns in the Inspector. The one next to the X is to open it in a separate window, which isn't what I want. The only other icons there are 3D View, Scratchpad, and Responsive Design Mode. Are we looking at the same version? I've attached a screenshot.

more options

You can't do that anymore in current Firefox versions.
The only option is to have a separate widow for the Dev Tools panel.

more options

Thanks for the info, but...that's really disappointing. The point stated in that article seems silly - isn't that why we have Responsive Design Mode in the first place? Having the option isn't hurting anyone. The sidebar UI was the main reason I preferred to do design work in Firefox over Chrome. Looks like its back on the Google train for me.

more options

Chosen Solution

Firefox 22 (current Aurora 22.0a2 has it, but 21.0 beta doesn't) and later will have this feature as posted by Ibay to dock the inspector panel to the right side, so you will have to wait 12 weeks to get it in a Firefox release or take a look at Aurora (note that this version is updated daily).