Customize Test Studio's Layout
Test Studio layout can be customized to fit your needs and personal preferences.
In this article you can find info on how to:
- Switch between the predefined layouts
- Manually adjust the layout
- Save custom layout
- Switch between Light and Dark theme
When you first start Test Studio its default layout is the Compact one using 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 listed below and you can find additional notes on each of them:
Compact Layout
In the Compact layout you have the Project Explorer, the Elements Explorer and the Edit Project Items Pane docked and visible. 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 have 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 get the Elements Explorer, the Project Explorer and the Edit Project Items Pane docked and visible. The Step Builder, the Properties pane and Output Panel are also docked and visible in the project area, but tabbed to switch between these.
Arrange Test Studio Layout Manually
Test Studio allows you to move all its panels in the project to another place in the working area, or pin these on the side to hide them. Below are the possible actions described:
Dock or Undock a Panel
Use the Dock/Undock button 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. Click on the title bar of the pane and use the mouse to drag and drop it anywhere in the project area. Circle with directions - top, bottom, left, right and center - is displayed to help you choose the preferred position relative to the target panel.
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.
![]() |
![]() |
Hide or Show a Panel
Use the Pin/Unpin button in the upper right corner of each panel to show or hide it in the project area.
The Unpin button hides the pane from the project area and adds it as tab on the left or right side of Test Studio window. Hover over the side tab to show the panel.
The Pin button pins the pane onto the project working area and keeps it always visible.
Save a Customized Layout
Once you apply any change in the panels position or size, the currently selected layout is switched to Current. This is the layout, which is used on the next start of Test Studio.
You can save these current changes in the layout into a user defined layout. That way you can switch to this at any time. Choose the Save As option from the Layouts dropdown.
You have two options in the Save As dialog - to save the layout as a new user defined one, or to overwrite an existing one.
If you choose to overwrite an existing user defined layout, a list with all already saved layouts appears to select the one to overwrite.
The user defined layouts can be renamed, or deleted.
Tip
To reset the default project view you can switch to any of the predefined layouts.
Switch between Light and Dark Theme
Test Studio comes with a Light and Dark theme. Choose the one that suits your needs best and apply it through the Project Settings.
Note
Switching between the themes requires restart of Test Studio to apply.