UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Color Pickers With Gradient

This example combines use of two Uize.Widgets.RgbSliders.Widget instances with a single Uize.Widget.ColorGrid instance to display a gradient between two colors you select. The color grid is turned into a simple gradient display by setting the value of its divisionsY state property to 1, and then using only the colorTopLeft and colorTopRight state properties to change the gradient's color poles.

Color 1 Uize.Widget.ColorGrid Instance Color 2