SVG Slider Control.

Sasha, one of the SynthEdit 3rd party module developers has released some new modules which make SVG controls available in SynthEdit. The beauty of these is that they are fully resizable. In this post I’ll show you how to use the SVG Slider control. The structure for my prefab control is shown below, with the prefab control itself shown top right of the diagram.

I have added both Volts and Float DSP output plugs.
We can customize the appearance of the slider using the following IO mod plugs:
@Color: Sets the colour of the control knob
Neon: Sets the colour of the text under the control when the mouse cursor is over the control.
Pointer: Sets the colour of the pointer (line) on the slider knob.
Print: Sets the colour of the slider scale and the text below the control when the mouse cursor is not over the control.
@Label: The label text is the text shown below the control when the mouse cursor is not over the control. If no text is supplied the default of “Value” will be shown.
@Value: This is the text shown when the mouse cursor is oven the control. We can use this to provide a display of the current output value of the control. By using the modules as shown below we can create, and customize the value displayed.
The float scaler is used to multiply or divide the value to be displayed, the Float T Text converts the float value to text, and allows us to specify how many decimal places will be displayed (The output Volts/Float value is not affected). The s Merge module allows us to add our text of choice after the converted value with a preset separator character (Separator plug value).
Multiply: Use to divide or multiply to re-scale the default 0-10 output range for the display (this does not re-scale the output values!)
Decimal Places: Allows us to specify how many digits are displayed after the decimal point.
Ctrl Key: Holding down the control key whilst adjusting the control allows us to increase the accuracy with which we can adjust the control as with other standard SE controls and sub-controls.

Note: To resize the control it’s not a matter of selecting it and dragging the outline, you can only drag the control to a new position. To resize the slider you must open the prefab and select the s SVG Control module, and then look for scale in the properties panel. To adjust the size of the control this value needs to be adjusted.