New to Telerik Test Studio? Download free 30-day trial

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:

When you first start Test Studio its default layout is the Compact one using the Light theme.

Default Compact layout and 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:

Layout dropdown and list of predefined layouts

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.

Compact layout

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.

High Productivity layout

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.

Advanced layout

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.

undock

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.

choose panel position

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.

choose window position

If you select the center of the target panel, the undocked panel will appear as a tab next to the target panel.

choose center tabs

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.

Pin or Unpin buttons

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.

unpin and show pane

The Pin button pins the pane onto the project working area and keeps it always visible.

pin a pane

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.

Current layout

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.

Save current into user defined layout

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.

Save current into new user defined layout

If you choose to overwrite an existing user defined layout, a list with all already saved layouts appears to select the one to overwrite.

Overwrite existing user defined layout

The user defined layouts can be renamed, or deleted.

Rename or Delete existing user defined layout

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.

Dark theme

Note

Switching between the themes requires restart of Test Studio to apply.

See Also

In this article