Skip to main content
Skip table of contents

Creating a control panel - PRODUCTION

Pixotope allows you to create custom remote-control panels, which run:

  • in a web browser on your Pixotope network

You can control:

  • all properties and functions of Pixotope Engine objects

  • all aspects of Pixotope Director which are controlled via the Pixotope API

Learn more about available widget types

Want to give feedback?

This is another step on the journey where we would welcome your input and thoughts. If you are interested in sharing your use cases do not hesitate to give feedback.


Academy Tutorial - User configurable control panel

  • Introduction to our new control panel


Create a control panel

  1. Go to PRODUCTION > Show > Launch

  2. Click "Create new control panel"

  3. Give it a descriptive name

  4. The control panel is opened in your default browser

Learn more about the Control Panel - Interface and its Keyboard shortcuts

Open a control panel

  1. Go to PRODUCTION > Show > Launch

  2. Hover over the control panel you want to open and click "Launch panel (Editor)"

  3. The control panel is opened in your default browser

Duplicate, Rename, Delete a panel

Use the overflow menu to duplicate, rename or delete a control panel.

Every control panel is stored in its own folder together with potential image assets.

Find the property to control

Learn more about how to Find the property to control

Link the property to a widget

Learn more about how to Add widgets and actions

Edit and layout widgets

Learn more about how to Edit and layout widgets

Go live

Save a control panel

  1. Click on the save icon in the shortcuts bar on the left
    OR press Ctrl+S

To avoid losing data

  • we store the 10 last saved versions in a Version history, which is accessible via the history icon in the header

  • we warn you before you close or reload the tab

  • we try to recover the last unsaved version in case Director, which serves the page, crashes

Preview Live mode

  1. Press R or the "Play" button in the header

    • The yellow border is removed

    • The canvas is centered

    • You cannot add or move widgets

This mode allows you to continue editing the widgets properties and actions.

  1. Click on the Settings icon in the header to open the Control panel editor settings

  2. Enable "Show Drawers on Run mode"

  3. Click "Apply"

Exit Preview Live mode

  1. Press R or the "Stop" button in the header

Live mode

This mode removes any ability to edit the control panel including switching between Edit and Preview Live mode

  1. Click on "Launch panel" from the Launch panel in Director

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.