pointStyles (setter)
Sets the list of settings for the point style of the control.
Signatures
- ParamateControls.<ControlName>.pointStyles
Example
const pointStyles = [
// Style for the point in deselected state
{
radius: 7,
strokeStyle: 'white',
fillStyle: '#00809F',
lineWidth: 0,
lineDash: []
},
// Style for the point in selected state
{
radius: 5,
strokeStyle: 'black',
fillStyle: '#FFFFFF',
lineWidth: 0,
lineDash: []
},
];
ParamateControls.<ControlName>.pointStyles = pointStyles;
Remark
It is possible to style each individual control in the list if the param string is passed as a list of vectors. In this case, each key in the style object must contain the list of different styling options. The length of each list must directly correspond to the N of controls in the list.
Example
// Give each of 2 the controls a unique style
const pointStyles = [
// Style for the points in deselected state
{
radius: [7, 6],
strokeStyle: ['white', 'white'],
fillStyle: ['#00809F', '#b3c41b'],
lineWidth: [0, 0],
lineDash: [[5, 5], [5, 5]]
},
// Style for the points in selected state
{
radius: [8, 7],
strokeStyle: ['black', 'black'],
fillStyle: ['#4848ab', '#1e1eb3'],
lineWidth: [0, 0],
lineDash: [[5, 5], [5, 5]]
},
];
ParamateControls.<ControlName>.pointStyles = pointStyles;