URL-Arguments#

Overview#

URL arguments allow you to customize the layout of the WebTigerPython environment by appending specific parameters to the URL. You can define these arguments by starting with ‘/?’ followed by the desired parameters. To add multiple parameters, simply concatenate them with ‘&’. This arguments also works in iframe.

Example:

https://test.webtigerpython.ethz.ch/?layout=[{“type”:[“Editor”,“Console”],“size”:20},“Canvas”]&hide_topbar=true

Parameters#

Embed WTP as an Iframe

In the iframe documentation, you will find a comprehensive list of all the parameters that can be used in the URL to customize the WebTigerPython environment. This resource provides detailed for each parameter, helping you to effectively configure your iframe setup. For any specific configurations, refer to the examples provided in the iframe documentation.

URL Generator#

The URL Generator tool allows you to create customized URLs for the WebTigerPython environment based on various settings. It provides options to configure:

  • Language: Select your preferred language from options such as English, Deutsch, Français, Español, Italiano, and Русский.

  • Dark Mode: Toggle dark mode to adjust the interface’s color scheme.

  • Full Screen: Enable or disable the top bar to switch to full-screen mode.

  • Device: Choose from devices like micro:bit, Calliope mini 1/2, and Calliope mini 3, or select “None” if not using a device.

  • Layout: Customize the layout of the editor by selecting predefined layouts or inputting a custom layout manually. Options include Standard, Alternative Layout, No Canvas, Mobile, and Mobile No Canvas.

  • Code: Input code to be included in the generated URL, which will be encoded and included in the link.

The generated URL reflects all selected options and configurations. You can use this URL to preview the WebTigerPython environment with your chosen settings or share it with others to replicate your setup. The iframe preview provides a live view of how the configured environment will appear.

Language

Dark Mode

Full Screen

Device

Layout

Manual Layout:

Code:

Preview