skip navigation
  • Product Bundles

    DevCraft

    All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:

    • NEW: Design Kits for Figma
    • Online Training
    • Document Processing Library
    • Embedded Reporting for web and desktop

    Web

    Kendo UI UI for jQuery UI for Angular UI for React UI for Vue UI for Blazor UI for ASP.NET Core UI for ASP.NET MVC UI for ASP.NET AJAX

    Mobile

    UI for .NET MAUI UI for Xamarin

    Document Management

    Telerik Document Processing

    Desktop

    UI for .NET MAUI UI for WinUI UI for WinForms UI for WPF

    Reporting

    Telerik Reporting Telerik Report Server

    Testing & Mocking

    Test Studio Test Studio Dev Edition Telerik JustMock

    CMS

    Sitefinity

    UI/UX Tools

    ThemeBuilder Design System Kit Templates and Building Blocks

    Debugging

    Fiddler Fiddler Everywhere Fiddler Classic FiddlerCap FiddlerCore

    Free Tools

    VB.NET to C# Converter Testing Framework
    View all products
  • Overview
  • Demos
  • Blazor Hybrid
    • What's New
    • Roadmap
    • Release History
  • Support and Learning

    • Support and Learning Hub
    • Blazor Tutorials and Learning
    • First Stepswith Blazor Web Assembly
    • First Steps with Blazor Server
    • First Steps with Blazor Hybrid
    • Accessibility and Security
    • Submit a Ticket
    • FAQs

    Docs & Resources

    • Docs
    • Demos
    • Modernization and Migration
    • Virtual Classroom
    • Forums
    • Videos
    • Blogs

    Productivity and Design Tools

    • REPL for Blazor
    • ThemeBuilder
    • Design System Documentation
    • Figma Kits
    • Visual Studio Extensions
    • Visual Studio Code Extensions
    • Embedded Reporting
  • Pricing
  • Shopping cart
    • Account Overview
    • Your Licenses
    • Downloads
    • Support Center
    • Forum Profile
    • Payment Methods
    • Edit Profile
    • Log out
  • Login
  • Contact Us
  • Try now

Class TelerikColorPicker

The class for the Telerik ColorPicker component.

Inheritance
System.Object
BaseComponent
TelerikInputBase<System.String>
ColorEditorBase
TelerikColorPicker
Inherited Members
ColorEditorBase.OnParametersSetAsync()
ColorEditorBase.ShowClearButton
ColorEditorBase.ShowPreview
ColorEditorBase.ShowButtons
ColorEditorBase.ValueFormat
ColorEditorBase.View
ColorEditorBase.ViewChanged
ColorEditorBase.OnBlur
TelerikInputBase<String>.SetParametersAsync(ParameterView)
TelerikInputBase<String>.OnInitializedAsync()
TelerikInputBase<String>.Dispose()
TelerikInputBase<String>.FocusAsync()
TelerikInputBase<String>.CascadedEditContext
TelerikInputBase<String>.FloatingLabel
TelerikInputBase<String>.Id
TelerikInputBase<String>.Enabled
TelerikInputBase<String>.TabIndex
TelerikInputBase<String>.ValueExpression
TelerikInputBase<String>.ValueChanged
TelerikInputBase<String>.Value
TelerikInputBase<String>.OnChange
TelerikInputBase<String>.AriaLabel
TelerikInputBase<String>.AriaLabelledBy
TelerikInputBase<String>.AriaDescribedBy
TelerikInputBase<String>.ValidateOn
BaseComponent.ShouldRender()
BaseComponent.InitLocalizer()
BaseComponent.ThrowIfParameterIsNull(Object, String)
BaseComponent.HaveOptionsChanged(IDictionary<String, Object>, IDictionary<String, Object>)
BaseComponent.GetClassString(String[])
BaseComponent.InvokeAsync<T>(String, Object[])
BaseComponent.InvokeAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidAsync(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidComponentMethodAsync(String, Object[])
BaseComponent.InvokeComponentVoidMethodAsync(String, Object)
BaseComponent.InvokeDisposeAsync()
BaseComponent.StateHasChanged()
BaseComponent.RootComponent
BaseComponent.Class
Namespace: Telerik.Blazor.Components
Assembly: Telerik.Blazor.dll

Syntax

public class TelerikColorPicker : ColorEditorBase, IDisposable, ILabelableInput, IColorPickerViewContainer

Constructors

TelerikColorPicker()

Declaration
public TelerikColorPicker()

Properties

ColorPickerViews

The ColorPicker popup can display different views. They allow users to select a color from an interface that matches their preferences. The supported views are: Telerik.Blazor.Components.ColorGradient and Telerik.Blazor.Components.ColorPalette. By default, both views are enabled and the gradient view is displayed first.

Declaration
public RenderFragment ColorPickerViews { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment

FillMode

Specifies the fill mode of the ColorPicker. Default value is Solid.

Declaration
public string FillMode { get; set; }
Property Value
System.String

Icon

Specifies the icon rendered in the picker value. You can use either a predefined Telerik Icon or a custom one. Refer to Icons - Documentation for more information on how icons work.

Declaration
public object Icon { get; set; }
Property Value
System.Object

OnClose

Defines the OnClose Event which is fired before the popup of the ColorPicker is closed.

Declaration
public EventCallback<ColorPickerCloseEventArgs> OnClose { get; set; }
Property Value
Microsoft.AspNetCore.Components.EventCallback<ColorPickerCloseEventArgs>

OnOpen

Defines the OnOpen Event which is fired before the popup of the ColorPicker is opened.

Declaration
public EventCallback<ColorPickerOpenEventArgs> OnOpen { get; set; }
Property Value
Microsoft.AspNetCore.Components.EventCallback<ColorPickerOpenEventArgs>

PopupClass

Specifies a popup class to be rendered on the popup.

Declaration
public string PopupClass { get; set; }
Property Value
System.String

Rounded

Specifies the roundness of the ColorPicker. Default value is Medium.

Declaration
public string Rounded { get; set; }
Property Value
System.String

Size

Specifies the Size of the ColorPicker. Default value is Medium.

Declaration
public string Size { get; set; }
Property Value
System.String

Title

Specifies a title attribute to be rendered on the chooser button.

Declaration
public string Title { get; set; }
Property Value
System.String

ValueTemplate

Defines the RenderFragment to be displayed in the chooser button instead of the default colored square.

Declaration
public RenderFragment ValueTemplate { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder __builder

Close()

Closes the popup of the component.

Declaration
public void Close()

OnAfterRenderAsync(Boolean)

Declaration
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters
System.Boolean firstRender

Returns
System.Threading.Tasks.Task

Overrides
BaseComponent.OnAfterRenderAsync(Boolean)

Open()

Opens the popup of the component.

Declaration
public void Open()
Getting Started
  • Client-side Blazor
  • Server-side Blazor
  • Demos
Community
  • Forums
  • Blogs
  • Feedback Portal
Support Resources
  • Demos
  • Knowledge Base
  • Samples Repo
  • Localizations Repo
Sample Applications
  • Dashboard
  • PWA - Stocks
  • PWA - Blazing Coffee Roasters

Copyright © 2019 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.