So the stroke layer winds up being a different size than the fill? Hmmmm.... - Charlie

I tried both methods. The first approach works somehow. But the fill isn't set correctly. I will try to find out, what the exact problem is.
The second approach with a global method does not work. Shouldn't the method be rewritten to something like this:


function setSliderWidth(slider, _width) {
slider.fillDiv.style.width = _width + 'px';
slider.strokeDiv.style.width = _width + 'px';
}


function setSliderWidth(slider, width) {
    slider.fillDiv.style.width = this.value + 'px';
    slider.strokeDiv.style.width = this.value + 'px';
}

And then inside your widget:

"onvaluechange": "setSliderWidth(slider1, this.value);"

Depending on how often you were going to use it doing this would make sense. You could easily expand the method to also include height, x / y etc.

Yes, it's possible, but for some widgets it will be a little tricky. In the case of a slider it would be something like this:

"onvaluechange": "slider1.fillDiv.style.width = this.value + 'px'; slider1.strokeDiv.style.width = this.value + 'px'; "

On the other hand the Button widget only has a fillDiv. For multitouchXY you'd have to change the container and then change all the children... this would be much more complicated. I would like to make it more convenient to do this type of stuff in a future update, where all widgets would have a setWidth() method that would take care of everything for you.

Is it somehow possible to change the position or size of the widgets dynamically.
I already tried the following without success:
"onvaluechange": "slider1.width = this.value; slider1.draw()",

thanks for any help