Customize Test Studio's Layout
Test Studio layout can be customized to fit your needs and personal preferences. You can reorder all panels manually or choose from the predefined layouts. You can switch between Light and Dark themes.
The default layout when you start Test Studio is the Compact layout in the Light theme.
Predefined Layouts
The preset layouts rearrange the panes in the Test Studio project to focus your attention on certain tools. The three predefined layouts are
Compact (default)
High Productivity
Advanced
Compact Layout
In the Compact layout you can see docked and visible the Project Explorer, the Elements Explorer and the Edit Project Items Pane. The Step Builder, the Properties pane and Output Panel are hidden and pinned on the right side of the project area.
High Productivity Layout
In the High Productivity layout you can see all panels docked and visible in the project area - the Project Explorer, the Elements Explorer, the Edit Project Items Pane, the Step Builder, the Properties pane and Output Panel.
Advanced Layout
In the Advanced layout you can see docked and visible the Elements Explorer, the Project Explorer and the Edit Project Items Pane. The Step Builder, the Properties pane and Output Panel are docked and tabbed to switch between these.
Switch between Light and Dark Theme
Test Studio comes with a Light and Dark theme. Choose the one that suits your needs better and apply it through the Project Settings.
Note
You need to restart Test Studio to apply the changed theme.
Manual Layout Adjustment
You can move the panels in a Test Studio project to another area, or pin these on the side to hide them.
Dock or Undock a Panel
Use the Dock/Undock buttons in the upper right corner of each panel to change its position in the project layout.
Tip
Check this video to see how panels in Test Studio can be undocked and docked back.
The Undock detaches the pane from its original position and displays it as a separate window. You can use the mouse tp drag and drop this window anywhere in the project area. To help you choose the preferred position relative to the target panel, there is a circle with directions - top, bottom, left, right and center.
If you want to place the panel separately, you can use the arrows on the right, left, top and bottom sides of the Test Studio project window.
If you select the center of the target panel, the undocked panel will appear as a tab next to the target panel.
![]() |
![]() |