Skip to main content

Slider

Sliders are UI Components that allow variables to be set between two points.

Multiple protocols and commands can be sent from interaction with a single slider;

The default state is the bottom of the range.

The value range the component sends can be defined in the Settings tab when the component is selected.

  • Level: $1

Style​

To customise the visual apperance of this component, navigate to the Style tab.

  • Select the operation direction:

  • Vertical - Interact with the slider on the Y-Axis.

  • Horizontal - Interact with the slider on the X-Axis.

Define the:

  • Persistence of the UI Component between specific interfaces
  • Fill background (enable/disable)
  • Label
  • Label font size
  • Label style
  • Label text wrap
  • Theme
  • Show border
  • Edge style

Protocol​

To send a raw protocol command from the interface:

  • Select the protocol to be sent.
  • Reference a protocol patch made within Workspace Settings for the command to be sent to.

An example OSC string that transmits the slider value as an argument at the end of a string is: /position $1. An example OSC string that transmits the slider value as part of the OSC address is: /position/$1.

Alternatively, if using the Pro Version of Ctrl Suite, select Process to route component information into a Ctrl Suite Process through an Input block for advanced logic to be applied to it.

Settings​

To configure the output of this UI Component type, navigate to the Settings tab.

Define the following options to modify the variable values generated by the UI component:

SettingTypeDescription
Position Max<Number>The value output at the maxmum position.
Position Min<Number>The value output at the minumum position.
Position Multiply<Number>The value to multiply the output by.
Position TypeFloat / IntegerThe type of output value that will be output from this component.

Interact with this component's appearance remotely with timers, external protocols or other remote logic, to lock it out, change the size, position appearance and more by creating a Process adding relevant Interface blocks in combination with Render Components.