CODEWITHSUNDEEP
interfacemenualignmentpanelcodesandbox
Studio Citrus 000
Studio Citrus 000

Reputation: 211

How to align console panel to right in codesandbox?

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

Upvotes: 21

Views: 4767

Answers (3)

Rolando Niubó
Rolando Niubó

Reputation: 1215

In a mac or a macbook you can do this, at least in 2023

enter image description here

Upvotes: 0

Radu Bartan
Radu Bartan

Reputation: 563

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.

Upvotes: 1

Moritz W
Moritz W

Reputation: 570

View > Editor Layout > Flip Full Layout

Screenshot of commands

Upvotes: 27

Related Questions