# Supported Layouts

Use the uilayout within your scenario's index.json.

Layout Implementation Notes UILayout ID
Terminal terminal
Terminal + Editor editor-terminal

You can try the layouts and discover additional functuonality at https://katacoda.com/scenario-examples/courses/uilayouts.

Read more about customizing these layouts on the Customizing Layout documentation page.

# VS Code Layout

At the moment, VS Code integration is only supported in our Ubuntu based environments but this is being rolled out across all our environments. If you have particular requirements, please contact Support.

# Tabbed Based

If you wish to use VS Code as a separate tab, add the following to your index.json.

"environment": {
    "showide": true
}

An example can be found in the Scenario Examples. You can try this scenario on Katacoda.

# Split Screen

If you wish to use VS Code as a split screen with the terminal, use the uilayout vscode-terminal-split, for example:

"environment": {
  "uilayout": "vscode-terminal-split"
}

An example can be found in the Scenario Examples. You can try this scenario on Katacoda.