SOURCE CODE: Color Pickers With Gradient

  
  
  
  
  
  
  
  







  
  UIZE JavaScript Framework



  

    JAVASCRIPT EXAMPLES
    Color Pickers With Gradient
    

      
SOURCE
    
  

  

  

    
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