Widgets
OptionButton
optionButton creates a button which users can use to toggle through a range of items. Pressing the button will send the index of that item to Csound on a channel named by the channel string.
Properties
Section titled “Properties”Active
Section titled “Active”"active": trueWill deactivate a control if false is set (use 0/1 to update from Csound). Controls which are deactivated can still be updated from Csound. Any widget that has its active property set to false will allow all mouse-clicks to pass through it.
Automatable
Section titled “Automatable”"automatable": trueDefaults to true. Determines if a widget is automatable by a host DAW. Automatable widgets show up as plug-in parameters in the host. Non-automatable widgets can still communicate with Csound but are not accessible by the host. Note that hosts don't allow this parameter to change dynamically. If you change this setting, the plugin will need to be reloaded.
Bounds
Section titled “Bounds”"bounds": {"left":0, "top":0, "width":100, "height":100}Integer values that set position and size on screen(in pixels).
Channel
Section titled “Channel”"channels": [ { "id": "channelName", "label": { "name": "Channel Name", "prefix": "", "suffix": "" }, "event": "valueChanged", "type": "number", "range": {"min":0, "max":100, "defaultValue":0, "skew":1, "increment":0.1} }]
In Cabbage 3, widgets use an array of channels instead of a single channel string. Each channel object includes an
id that defines a unique channel name. Widgets in Cabbage 3 can have any number of channels attached to
them. An optional label object controls how the parameter appears in DAW parameter editors and
automation lanes; if omitted, the id is used. An optional event property specifies the
type of interaction. A range object can define the minimum, maximum, and default values, along with the
skew and step increment. The type is set to number by default. Each widget sets its own
type, number or string. A "string" channel carries text (readable with the
string variant of cabbageGetValue), persists through session saves, and is excluded from DAW automation.
See Persisting Custom UI State.
Channel label: DAW display name
The label object separates the internal channel identifier from the display name shown in DAWs, and
allows a prefix and suffix to be appended to the parameter's value string in the DAW. This is useful when you want
short, code-friendly channel IDs (e.g., hrm1, hrm2) while showing descriptive names in the
DAW (e.g., Harmonic 1, Harmonic 2). Csound code always uses the id for
channel access via cabbageGetValue and cabbageSetValue.
| Field | Description |
|---|---|
name | Human-readable parameter name shown in the DAW (required if using label) |
prefix | String prepended to the value in the DAW's value display (optional) |
suffix | String appended to the value in the DAW's value display (optional) |
If range is omitted, it defaults to a range from 0 to 1, with increments of 0.001 for widgets that use drag events (e.g., sliders, XY pads) and 1 for widgets that use click or toggle events (e.g., buttons, checkboxes).
Note on increment parameter behavior:
The increment parameter quantizes all values sent to Csound channels, ensuring they snap to the
specified step size. For example, with increment: 0.1, values will be rounded to 0.0, 0.1, 0.2, etc.
before reaching Csound.
The DAW host automation has additional constraints:
-
increment >= 1.0: The host will display discrete integer steps (e.g., move from 1 to 2 to 3, etc.) in its native controls, and enforce these steps during automation. increment < 1.0: The host displays a continuous slider.
Cabbage always quantizes values internally before sending to Csound.
Supported event types:
| Event | Description |
|---|---|
valueChanged (default) | Tracks simple value changes |
mousePressLeft | Tracks presses of left mouse button |
mousePressRight | Tracks presses of right mouse button |
mousePressMiddle | Tracks presses of middle mouse button |
mouseMoveX | Tracks movement along X axis. |
mouseMoveY | Tracks movement along Y axis. |
mouseDragX | Tracks movement along X axis with mouse pressed |
mouseDragY | Tracks movement along Y axis with mouse pressed |
mouseInside | Returns max when any mouse button is within the bounds of the widget, min if outside. |
"id": "widgetId"This optional channel can be used to define a top-level line of communication between the instrument’s UI and Csound. It is reserved for UI updates only. If omitted, it defaults to the first id from the channels array. Its primary purpose is to help produce clearer code, especially for widgets with multiple channels.
"items": ["item1", "item2", ...]A list of items that will populate the comboBox/listBox or optionButton. Each item has a corresponding index value. The first item when selected will send a 0, the second item a 1, the third a 2 etc. If this identifier is left out default values of "Item 1", "Item 2", "Item 3", "Item 4" and "Item 5" will be used.
Populate
Section titled “Populate”"populate": { "directories": [""], "fileType": "", "fullFileAndPath": false, "order": "date", "labelWhenEmpty": "No Files", "defaultLabel": "" }
Sets the type of file to search for, and the directories to look in. You can specify multiple file types by using
the following pattern *.txt;*.csv;*.dat.
Because the web-based frontend has no access to the local file system, file scanning is performed by the backend. A static populate block in your CSD is scanned automatically when the instrument loads (and again on every recompile), so in most cases you only need to declare the directories up front. Setting populate.directories at runtime from your Csound code remains useful when the target directory must be chosen dynamically, or to guarantee a correct absolute path — for example, the following Csound code sets the target directory to that of the current .csd file:
cabbageSet("presetCombo", "populate.directories", chnget:S("CSD_PATH"))
Relative directory paths resolve against the Cabbage application folder rather than the folder holding your .csd, which is why the absolute CSD_PATH pattern above is recommended whenever files must be found reliably.
The items can be ordered by "date", "size" or "alphabetically". "defaultLabel" sets the initial text when the combobox first appears. If it's empty, the first item on the list will appear by default.
Persistence
Section titled “Persistence”"persistence": { "preset": true, "session": true}Controls whether a widget's state is saved in DAW presets and Csound session files. Both properties default to true.
preset: Whentrue, the widget's current value/state is included when using Csound'scabbageSaveStateopcode to save preset data. Set tofalsefor widgets that should not persist in Csound preset files (e.g., widgets that load presets).session: Whentrue, the widget's state is included when the DAW saves a preset. Set tofalsefor widgets that should not have their values loaded/saved when a DAW session loads (e.g., widgets that load presets).
Auto-cascade behavior: If you set preset to false without explicitly setting session, the system automatically sets session to false as well. This prevents state from being saved anywhere unless explicitly requested.
Visible
Section titled “Visible”"visible": trueA value of true will cause the widget to become invisible (use 0/1 to update from Csound). Widgets have their visibility set to true by default.
ZIndex
Section titled “ZIndex”"zIndex": 1Sets the stacking order of the widget. Widgets with higher zIndex values will appear in front of widgets with lower values. Default is 1.
"style": { "opacity": 1, "borderRadius": 2, "borderWidth": 1, "borderColor": "#dddddd", "backgroundColor": "#0295cf"},- Colors accept named CSS colors, hex (e.g., #RRGGBB or #RRGGBBAA), or rgb/rgba strings.
- Label typography is configured under
label.*.
Csound Usage
Section titled “Csound Usage”The optionButton returns the index of the current item. Each press steps to the next item. The first item sends 0, the second sends 1, and so on. Read it with cabbageGetValue:
iVcoModes[] fillarray 0, 10, 12aVco = vco2(kEnv*p5*.5, cpsmidinn(p4), iVcoModes[cabbageGetValue:i("waveform")])Example
Section titled “Example”<Cabbage>{ "pluginId" : "def1", "enableDevTools": true, "channelConfig" : [ {"name": "0 in 2 out", "ins": "0", "outs": "2"} ], "widgets" : [ { "type": "form", "caption": "Combobox Example", "size": {"width": 580, "height": 500} }, { "type" : "rotarySlider", "bounds" : {"left": 12, "top": 9, "width": 86, "height": 90}, "channels": [ { "id": "att", "range": {"min": 0, "max": 1, "defaultValue": 0.01, "skew": 1, "increment": 0.001} } ], "label" : {"text": "Att."} }, { "type" : "rotarySlider", "bounds" : {"left": 99, "top": 9, "width": 86, "height": 90}, "channels": [ { "id": "dec", "range": {"min": 0, "max": 1, "defaultValue": 0.4, "skew": 1, "increment": 0.001} } ], "label" : {"text": "Dec."} }, { "type" : "rotarySlider", "bounds" : {"left": 187, "top": 9, "width": 86, "height": 90}, "channels": [ { "id": "sus", "range": {"min": 0, "max": 1, "defaultValue": 0.7, "skew": 1, "increment": 0.001} } ], "label" : {"text": "Sus."} }, { "type" : "rotarySlider", "bounds" : {"left": 274, "top": 9, "width": 86, "height": 90}, "channels": [ { "id": "rel", "range": {"min": 0, "max": 1, "defaultValue": 0.8, "skew": 1, "increment": 0.001} } ], "label" : {"text": "Rel."} }, { "type" : "keyboard", "bounds" : {"left": 12, "top": 104, "width": 348, "height": 80}, "channels": [ {"id": "keyboard"} ] }, { "type" : "optionButton", "bounds" : {"left": 260, "top": 188, "width": 100, "height": 30}, "channels": [ {"id": "waveform"} ], "style" : {"borderRadius": 5}, "items" : ["Saw", "Square", "Triangle"] } ]}
</Cabbage><CsoundSynthesizer><CsOptions>-n -d -+rtmidi=NULL -M0 -m0d --midi-key=4 --midi-velocity-amp=5</CsOptions><CsInstruments>; Initialize the global variables.ksmps = 32nchnls = 20dbfs = 1
; Rory Walsh 2021;; License: CC0 1.0 Universal; You can copy, modify, and distribute this file,; even for commercial purposes, all without asking permission.
instr 1
iVcoModes[] fillarray 0, 10, 12 iAtt = cabbageGetValue("att") iDec = cabbageGetValue("dec") iSus = cabbageGetValue("sus") iRel = cabbageGetValue("rel") kEnv = madsr(iAtt, iDec, iSus, iRel) aVco = vco2(kEnv*p5*.5, cpsmidinn(p4), iVcoModes[cabbageGetValue:i("waveform")]) outs(aVco, aVco)
endin
</CsInstruments><CsScore>;causes Csound to run for about 7000 years...f0 z</CsScore></CsoundSynthesizer>