I really don't think I have done anything wrong as the steppers have always behaved a little strange. I don't mind, just thought you'd know.
var values = {
rotation: 0,
scale: false,
minScale: 50,
maxScale: 100,
startBtn: 'Start'
};
var components = {
rotation: { label: 'Rotation',
type: 'number',
range: [0, 360],
steppers: true,
units: 'degree',
width: 40 },
scale: { label: 'Scale',
type: 'checkbox' },
minScale: { label: 'Min',
type: 'number',
min: 1,
max: 100,
units: 'percent',
steppers: true,
enabled: false,
width: 50 },
maxScale: { label: 'Max',
type: 'number',
min: 100,
units: 'percent',
steppers: true,
enabled: false,
width: 50 },
border: { type: 'ruler' },
startBtn: { type: 'button',
onClick: function(){
gradient();
} }
};
var dialog = new Palette('Test', components, values);