General usage

This page describes the basic usage of common user interface elements in the Helgobox app.

Drag field

A drag field allows you to adjust numeric values in various ways.

Mouse dragging: Click and hold the left mouse button, then drag the mouse up or down to increase or decrease the value. Release the button when finished. Most elements update the value in real-time as you drag, while others apply the change only after you release the mouse button.
↕ Mouse wheel scrolling: Move the mouse wheel up or down to increase or decrease the value. ^[1] The new value will be applied immediately.
Touchpad panning: If you have a touchpad, place the cursor over the element and slide up or down with two fingers to increase or decrease the value.
Enter text: Right-click the element and enter the value via keyboard. Press Enter or click somewhere else to apply the value.
Reset to default: Double-click the element to restore the default value.
Fine adjustments: Hold the Cmd/Ctrl key while dragging, scrolling or panning in order to do fine adjustments.

A knob allows you to adjust numeric values in various ways.

Mouse dragging: Click and hold the left mouse button, then drag the mouse up or down to increase or decrease the value. Release the button when finished. Most elements update the value in real-time as you drag, while others apply the change only after you release the mouse button.
↕ Mouse wheel scrolling: Move the mouse wheel up or down to increase or decrease the value. ^[1] The new value will be applied immediately.
Touchpad panning: If you have a touchpad, place the cursor over the element and slide up or down with two fingers to increase or decrease the value.
Enter text: Right-click the element and enter the value via keyboard. Press Enter or click somewhere else to apply the value.
Reset to default: Double-click the element to restore the default value.
Fine adjustments: Hold the Cmd/Ctrl key while dragging, scrolling or panning in order to do fine adjustments.

A slider allows you to adjust numeric values in various ways.

Mouse dragging: Click and hold the left mouse button, then drag the mouse up or down to increase or decrease the value. Release the button when finished. Most elements update the value in real-time as you drag, while others apply the change only after you release the mouse button.
↕ Mouse wheel scrolling: Move the mouse wheel up or down to increase or decrease the value. ^[1] The new value will be applied immediately.
Touchpad panning: If you have a touchpad, place the cursor over the element and slide up or down with two fingers to increase or decrease the value.
Reset to default: Double-click the element to restore the default value.

Search lists allow you to pick an item from a potentially large list.

Search: Simply enter text to drill the list down to items matching your search text.
Navigate: Press ↑ or ↓ to navigate within the list of items.
↕ Scroll: Scroll within the list using the scrollbar on the right or using the mousewheel.
Select: Click the item or press Enter to select it.

1. Depending on your operating system settings, the mouse wheel directions might be reversed.