Basic Dial

This example shows how to create a Dial widget from existing HTML on the page.

Drag the handle to set the value. When the handle has the focus, the following keys update its value: arrow keys, page up/down, home, and end. The action of these keys can be controlled via Dial's configuration attributes.