The Configurator

The Configurator (also sometimes called "Configuration Tab") is the main place where you can make customizations to your controller layout.

configurator-areas

There is 4 main areas:

  1. Controller:

    Here you can see and interact with your controller. Check the legend (blue question mark in the top right corner) on tips to navigate the canvas with your controllers. You can zoom in and out by scrolling and move by alt/option + dragging the mouse.

    Press ctrl+e (or cmd+e on macOS) to toggle between "configuration mode" and "simulation mode"

  2. Inspector:

    Here you can see and adjust individual elements of the controller or the layer tree. The inspector shows all properties of the currently selected object, eg a Component Behavior, Variable, or other.

    Sometimes you might be looking at a Behavior that can not be seen on the controller, due to a different layer covering it. In this case Inspector will give you a hint and let you switch to the Active Behavior currently visible.

  3. Section Selector:

    The section selector in the bottom of the controller lets you select which section of panel you are currently editing. SKAARHOJ default configurations allow you to simply edit pages of existing menus. You can select these pages by clicking on their names, or add and remove and rename them to your needs.

  4. Tree:

    The tree is initially hidden. You can show it by clicking the little green icon in top left of the controller view (⭕️ Red Circle in the screenshot above)

    In the tree view you can see all configuration layers. Every project has one root layer on which your configurations are added as sub layers. They can also again have sub layers and include other layer files. Read more about this here: The tree