Declaration

This article demonstrates how you can declare a RadColorSelector and populate it with colors.

Selection

• RadColorSelector has a SelectedColor property, which is of type Color and it is used to store selected color value.

      <telerik:RadColorSelector SelectedColor="Red" /> 
  

      RadColorSelector colorSelector = new RadColorSelector(); 
      colorSelector.SelectedColor = Colors.Red; 
  

      Dim colorSelector As New RadColorSelector() 
      colorSelector.SelectedColor = Colors.Red 
  

• Whenever a color is selected the SelectedColorChanged event is raised:

      colorSelector.SelectedColorChanged += new EventHandler(colorSelector_SelectedColorChanged); 
   
       void colorSelector_SelectedColorChanged(object sender, EventArgs e) 
      { 
         RadColorSelector selector = sender as RadColorSelector; 
         Color selectedColor = selector.SelectedColor; 
      } 
  

          colorSelector.SelectedColorChanged += New EventHandler(colorSelector_SelectedColorChanged) 
   
          Private Sub colorSelector_SelectedColorChanged(ByVal sender As Object, ByVal e As EventArgs) 
              Dim selector As RadColorSelector = TryCast(sender, RadColorSelector) 
              Dim selectedColor As Color = selector.SelectedColor 
          End Sub 
  

Populating

You can populate the RadColorSelector with any of the built-in palettes using the ColorPreset enumeration. It has HeaderPalette, MainPalette and StandardPalette properties, which represent the corresponding parts of the selector.

• MainPalette property:

      <telerik:RadColorSelector MainPalette="Grayscale" /> 
  

      RadColorSelector colorSelector = new RadColorSelector(); 
      colorSelector.MainPalette = ColorPreset.Grayscale; 
  

          Dim colorSelector As New RadColorSelector() 
          colorSelector.MainPalette = ColorPreset.Grayscale 
  

• HeaderPalette property:

      <telerik:RadColorSelector HeaderPalette="Office" /> 
  

      RadColorSelector colorSelector = new RadColorSelector(); 
      colorSelector.HeaderPalette = ColorPreset.Office; 
  

      Dim colorSelector As New RadColorSelector() 
      colorSelector.HeaderPalette = ColorPreset.Office 
  

• StandardPalette property:

      <telerik:RadColorSelector StandardPalette="Standard" /> 
  

      RadColorSelector colorSelector = new RadColorSelector(); 
      colorSelector.StandardPalette = ColorPreset.Standard; 
  

      Dim colorSelector As New RadColorSelector() 
      colorSelector.StandardPalette = ColorPreset.Standard 
  

• If you prefer to use your own collection of Colors you can always use HeaderPaletteItemsSource, MainPaletteItemsSource and StandardPaletteItemsSource.

  • StandardPaletteItemSource property

            <telerik:RadColorSelector StandardPaletteItemsSource="{Binding Source={StaticResource ColorList}}" /> 
    

            RadColorSelector colorSelector = new RadColorSelector(); 
            colorSelector.StandardPaletteVisibility = Visibility.Visible; 
            Collection<Color> colors = new Collection<Color>(); 
            colors.Add(Colors.Red); 
            colors.Add(Colors.Green); 
            colors.Add(Colors.Blue); 
            colorSelector.StandardPaletteItemsSource = colors; 
    

            Dim colorSelector As New RadColorSelector() 
            colorSelector.StandardPaletteVisibility = Visibility.Visible 
            Dim colors As New Collection(Of Color)() 
            _colors.Add(Colors.Red) 
            _colors.Add(Colors.Green) 
            _colors.Add(Colors.Blue) 
            _colorSelector.StandardPaletteItemsSource = _colors 
    

  • HeaderPaletteItemSource property

            <telerik:RadColorSelector HeaderPaletteItemsSource="{Binding Source={StaticResource ColorList}}" /> 
    

            RadColorSelector colorSelector = new RadColorSelector(); 
            colorSelector.HeaderPaletteVisibility = Visibility.Visible; 
            Collection<Color> colors = new Collection<Color>(); 
            colors.Add(Colors.Red); 
            colors.Add(Colors.Green); 
            colors.Add(Colors.Blue); 
            colorSelector.HeaderPaletteItemsSource = colors; 
    

            Dim colorSelector As New RadColorSelector() 
            colorSelector.HeaderPaletteVisibility = Visibility.Visible 
            Dim _colors As New Collection(Of Color)() 
            _colors.Add(Colors.Red) 
            _colors.Add(Colors.Green) 
            _colors.Add(Colors.Blue) 
            colorSelector.HeaderPaletteItemsSource = _colors 
    

  • MainPaletteItemSource property

            <telerik:RadColorSelector MainPaletteItemsSource="{Binding Source={StaticResource ColorList}}" /> 
    

            RadColorSelector colorSelector = new RadColorSelector(); 
            Collection<Color> colors = new Collection<Color>(); 
            colors.Add(Colors.Red); 
            colors.Add(Colors.Green); 
            colors.Add(Colors.Blue); 
            colorSelector.MainPaletteItemsSource = colors; 
    

            Dim colorSelector As New RadColorSelector() 
            Dim _colors As New Collection(Of Color)() 
            _colors.Add(Colors.Red) 
            _colors.Add(Colors.Green) 
            _colors.Add(Colors.Blue) 
            colorSelector.MainPaletteItemsSource = _colors