Hi Blake!
The basic issue was the upper lefthand corner of the PNG file (i.e. transparent space) was larger than the knob container itself (the knob was just 30px but your image was 200px), as a result nothing was visible. So the PNG is now 30 px in size to match the knob container (set in the “dialReady” function) and voilà…
dialTest_JHSv1.hype.zip (97.2 KB)
Some additional notes: I did not find the “debug” feature had to be on for the jog dial to work so I commented it out. Ditto the CSS for the “dial_wheel” - commented out as it was not needed (at least in my demo).
Also set the “progress bar” width, linked to the jog dial, to “0” so it is not visible when the Scene opens; but I did group it and set the border of the group to 1 px… the “empty” container effect.
Additionally, the cursor is set to “pointer” for the dial’s CSS.
And the PNG file is now referenced from the Hype Resource folder.