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;