20

I'd like to align the browser/test/console panel to the right side of the js panel.

First tried to drag them, but it didn't work.

Is there any way?

enter image description here

Tomislav Stankovic
  • 3,080
  • 17
  • 35
  • 42
Studio Citrus 000
  • 201
  • 2
  • 3

2 Answers2

27

View > Editor Layout > Flip Full Layout

Screenshot of commands

KyleMit
  • 30,350
  • 66
  • 462
  • 664
Moritz W
  • 530
  • 6
  • 15
  • 2
    Appreciate the answer. This is one of the worst UX designs I've ever seen. The option should be where the change is. But short of that... "flip full layout" means nothing to a user to tell them it makes it horizontal vs vertical. Wow. – wongz Feb 12 '23 at 19:08
1

Moritz W's solution seems to do the trick but only temporarily. I noticed that when I close and re-open the sandbox - the location of the browser window goes back to it original bottom location.

One way to deal with this is to create a template with the browser window on the right.

Creating a template however does not mitigate the situation when you are forking someone else's code. To persist the location of the browser window you must change the settings like this: File / Preferences / CodeSandbox Settings > Open VSCode Settings > Workbench / Editor Management / Open Side By Side Direction > right

If you are confused - here is an imgur image to show you how to get there.

PSA - I am not entirely confident in this solution - please let me know in the comments if this worked for you.

Radu Bartan
  • 483
  • 6
  • 12
  • 1
    Hm that didn't seem to work for me. Reopening the sandbox with "Side by Side Direction" set to "right" didn't keep the browser window on the right. What's strange is that while the sandbox is loading, the browser window is shown on the right, then once loading is complete, it moves to the bottom. I was testing with a new React sandbox. – George. Aug 31 '23 at 15:38