Challenge tabs
Configure different tab types in challenges.
Overview
Tabs are how learners interact with your product and a track's sandbox. You can have the following tab types:
Web based applications
Your applications
Code editor
Terminal
Virtual Browser
Web based applications
Web based applications are the simplest tab type - all they do is point to a website.
Field | Description | Type | Required |
---|---|---|---|
Tab name | This property sets the tab title. And each service has its own tab. |
| Required |
Website link | The URL of the website opened in this browser. Must be a https:// address. Self-signed SSL certificates are OK. If you use |
| Required |
Open website in a new window | Whether to open the tab in a new window. Useful for when the service doesn't allow being run in an iframe. |
| Optional |
If your website is not displaying, it is likely blocking iframes. Try turning on the optional setting to open the link in a new tab, or use the Virtual browser.
Your applications
Your applications are tabs that point to web services running inside a sandbox.
Field | Description | Type | Required |
---|---|---|---|
Tab name | This property sets the tab title. And each service has its own tab. |
| Required |
Select your host | This property sets the tab hostname. |
| Required |
Path | The filesystem path on the host that should be used in the editor |
| Optional |
Port | The port that is used to connect to the service running on the host. If the sandbox host is a container, the port must be exposed in the containers host settings. |
| Required |
If your service uses HTTPS, its port must end in 443
, for example, 8443.
Code editor
Code editor tabs open a simple code editor to a specified path on a host.
Field | Description | Type | Required |
---|---|---|---|
Tab name | This property sets the tab title. And each service has its own tab. |
| Required |
Select your host | This property sets the tab hostname. |
| Required |
Path | The filesystem path on the host that should be used in the editor |
| Optional |
Terminal
Terminal tabs open a terminal on a specified host.
Field | Description | Type | Required |
---|---|---|---|
Tab name | This property sets the tab title. And each service has its own tab. |
| Required |
Select your host | This property sets the tab hostname. |
| Required |
Working directory | This property sets the working directory of the terminal. It defaults to |
| Optional |
Custom commands | This property sets a command to run upon opening the terminal. Further commands cannot be run. |
| Optional |
Virtual browser
Virtual browser tabs display the URL of a Website service host.
Field | Description | Type | Required |
---|---|---|---|
Tab name | This property sets the tab title. |
| Required |
Select your host | This property sets which website service host the tab displays. |
| Required |
Virtual browser tabs only become available once a website service host is created.
Last updated