Overview

The Coding Pad is a visual and customizable interface for tagging match events using buttons instead of only keyboard shortcuts. It’s ideal for analysts who prefer a click-based workflow or want to build a more intuitive environment for live or post-game coding.

What is the Coding Pad

The Coding Pad lets you create buttons for codes and tags, organize them visually, and add logic through connectors to reduce clicks and errors during analysis. You can build your own layout, assign shortcuts, colors, and behaviors, and even save it as a reusable template.

This panel is especially useful when working with touchscreens or tablets, or when sharing the coding interface with other members of your team.

Create a Coding Pad

To get started, create a new coding sequence and open the video file you want to analyze. Then enable the Coding Pad panel using the toggle button in the toolbar.

You can now start building your coding interface using four types of buttons:

• Code (shortcut C)

• Tag (shortcut T)

• Image

• Connector

Click the Code icon to create your first button. In the Elements panel, you can customize it:

• Change size, font, and background

• Adjust color and border style

• Choose whether to display the counter or shortcut

• Define a saving type (e.g., Recording or Instant Save)

• Set time before/after in Instant Save

You can duplicate codes by right-clicking and choosing “Duplicate”, or holding Alt while dragging the element.

Create Tags

Click the Tag icon or press T to add a tag button. Tags can be grouped under a category (e.g., Shots under Attack), and you can choose their behavior—insert before, during, or after a Code. Tag buttons are automatically linked to the last active Code to streamline the workflow.

Use Connectors

Connectors help automate parts of your coding logic:

• Absolute Connector: Prevents two codes from running at the same time (e.g., Attack and Defense).

• Trigger Connector: Automatically starts other codes when one is activated (e.g., Goal triggers Shot and Chance).

• Defuse Connector: Automatically stops another code when a new one starts (e.g., Defensive Transition stops Attack).

Right-click a Code to open its menu and add a connector to another button.

Align and organize your layout

You can align multiple elements visually by selecting them, right-clicking, and choosing from the alignment menu. Hold Shift while resizing a button to bend or reshape it as needed.

Use layout shortcuts to speed up positioning and spacing between buttons.

Save your layout as a template

Once your Coding Pad is set up, save it as a template using the dropdown menu in the panel. You can load this layout later for future matches or share it with teammates.

Start coding

Switch to Recording Mode to begin tagging using your new Coding Pad. Zoom in the timeline by holding CMD and scrolling forward. You can also move through the timeline using the playback needle and change playback speed to speed up post-game coding.

If needed, switch back to Edit Mode anytime to update your Coding Pad layout, add more buttons, or adjust settings.

Tip

Hold and drag event edges to trim them. You can move events between rows, or fix errors easily without leaving the Coding Pad environment.

Next Step

Now that your interface is ready, let’s move on to how to start tagging your match and Create Events in your timeline.