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.
XAML<telerik:RadColorSelector SelectedColor="Red" />C#RadColorSelector colorSelector = new RadColorSelector(); colorSelector.SelectedColor = Colors.Red; -
Whenever a color is selected the SelectedColorChanged event is raised:
C#colorSelector.SelectedColorChanged += new EventHandler(colorSelector_SelectedColorChanged); void colorSelector_SelectedColorChanged(object sender, EventArgs e) { RadColorSelector selector = sender as RadColorSelector; Color selectedColor = selector.SelectedColor; }
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:
XAML<telerik:RadColorSelector MainPalette="Grayscale" />C#RadColorSelector colorSelector = new RadColorSelector(); colorSelector.MainPalette = ColorPreset.Grayscale; -
HeaderPalette property:
XAML<telerik:RadColorSelector HeaderPalette="Office" />C#RadColorSelector colorSelector = new RadColorSelector(); colorSelector.HeaderPalette = ColorPreset.Office; -
StandardPalette property:
XAML<telerik:RadColorSelector StandardPalette="Standard" />C#RadColorSelector colorSelector = 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
XAML<telerik:RadColorSelector StandardPaletteItemsSource="{Binding Source={StaticResource ColorList}}" />C#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; -
HeaderPaletteItemSource property
XAML<telerik:RadColorSelector HeaderPaletteItemsSource="{Binding Source={StaticResource ColorList}}" />C#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; -
MainPaletteItemSource property
XAML<telerik:RadColorSelector MainPaletteItemsSource="{Binding Source={StaticResource ColorList}}" />C#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;
-