JAVASCRIPT EXAMPLES Color Grid With Color Pickers
In this example, an instance of Uize.Widget.ColorGrid.Draggable
provides a draggable color grid widget that shows the interpolated colors between four corner colors. Click-and-drag inside the grid to "smudge" the color space in different directions. Instances of Uize.Widgets.RgbSliders.Widget
are wired up at each corner for changing the colors using sliders. The sliders control the grid, but dragging inside the grid also controls the sliders. Event handlers wire the widgets bidirectionally so their values stay in sync. Click the "AGITATE" button to randomize the corner colors.