Introduction
Knowledge Base
API Reference / Server-side / Telerik.Web.UI / RadChip
New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

RadChip

Class

The Chip is a compact element that represents an input, attribute, or action. The component enables user input and verifies that input by converting text into chips.

The component can be clicked or removed and supports various styling options. The Chip is commonly used in email templates where each chip is a single person.

For more information about the RadChip refer to the documentation and its API.

Definition

Namespace:Telerik.Web.UI

Assembly:Telerik.Web.UI.dll

Syntax:
C#
[ToolboxBitmap(typeof(RadChip), "Toolbox.Icons.Chip.png")]
[RequiredScript(typeof(jQueryPlugins), 1)]
[RequiredScript(typeof(Html5Chip), 2)]
[RequiredScript(typeof(MaterialRipple), 3)]
[ClientScriptResource("Telerik.Web.UI.RadChip", "Telerik.Web.UI.Chip.Scripts.RadChip.kendo.js", LoadOrder = 4)]
[ClientScriptResource("Telerik.Web.UI.RadChip", "Telerik.Web.UI.Chip.Scripts.RadChip.js", LoadOrder = 5)]
[EmbeddedSkin("Chip", typeof(RadChip))]
[EmbeddedSkin("Chip", "Default", typeof(RadChip))]
[RequiredCss("Telerik.Web.UI.Skins.Common.fonticons.css", RenderMode.Classic, typeof(RadChip))]
[RequiredCss("Telerik.Web.UI.Skins.Common.MaterialRipple.css", RenderMode.Classic, typeof(RadChip))]
public class RadChip : RadWebControl, IComponent, IDisposable, IParserAccessor, IUrlResolutionService, IDataBindingsAccessor, IControlBuilderAccessor, IControlDesignerAccessor, IExpressionsAccessor, IAttributeAccessor, IScriptControl, IControlResolver, IPostBackDataHandler, ISkinnableControl, IControl

Inheritance: objectControlWebControlRadWebControlRadChip

Implements: IAttributeAccessorIComponentIControlIControlBuilderAccessorIControlDesignerAccessorIControlResolverIDataBindingsAccessorIDisposableIExpressionsAccessorIParserAccessorIPostBackDataHandlerIScriptControlISkinnableControlIUrlResolutionService...

Inherited Members WebControl.AddAttributesToRender(HtmlTextWriter)WebControl.ApplyStyle(Style)WebControl.CopyBaseAttributes(WebControl)WebControl.CreateControlStyle()WebControl.LoadViewState(object)WebControl.TrackViewState()WebControl.MergeStyle(Style)WebControl.Render(HtmlTextWriter)WebControl.RenderBeginTag(HtmlTextWriter)WebControl.RenderEndTag(HtmlTextWriter)WebControl.RenderContents(HtmlTextWriter)WebControl.SaveViewState()WebControl.AccessKeyWebControl.AttributesWebControl.BackColorWebControl.BorderColorWebControl.BorderWidthWebControl.BorderStyleWebControl.ControlStyleWebControl.ControlStyleCreatedWebControl.CssClassWebControl.DisabledCssClassWebControl.StyleWebControl.EnabledWebControl.EnableThemingWebControl.FontWebControl.ForeColorWebControl.HasAttributesWebControl.HeightWebControl.IsEnabledWebControl.SupportsDisabledAttributeWebControl.SkinIDWebControl.TabIndexWebControl.TagNameWebControl.ToolTipWebControl.WidthControl.ResolveAdapter()Control.HasEvents()Control.GetRouteUrl(object)Control.GetRouteUrl(string, object)Control.GetRouteUrl(RouteValueDictionary)Control.GetRouteUrl(string, RouteValueDictionary)Control.GetUniqueIDRelativeTo(Control)Control.ApplyStyleSheetSkin(Page)Control.OnDataBinding(EventArgs)Control.DataBind()Control.DataBind(bool)Control.DataBindChildren()Control.AddParsedSubObject(object)Control.EnsureID()Control.OnInit(EventArgs)Control.ClearChildState()Control.ClearChildControlState()Control.ClearChildViewState()Control.ClearEffectiveClientIDMode()Control.ClearCachedClientID()Control.Focus()Control.LoadControlState(object)Control.MapPathSecure(string)Control.OpenFile(string)Control.OnLoad(EventArgs)Control.BuildProfileTree(string, bool)Control.SaveControlState()Control.RenderChildren(HtmlTextWriter)Control.RenderControl(HtmlTextWriter)Control.RenderControl(HtmlTextWriter, ControlAdapter)Control.OnUnload(EventArgs)Control.Dispose()Control.RaiseBubbleEvent(object, EventArgs)Control.OnBubbleEvent(object, EventArgs)Control.AddedControl(Control, int)Control.CreateControlCollection()Control.CreateChildControls()Control.ResolveUrl(string)Control.ResolveClientUrl(string)Control.FindControl(string)Control.FindControl(string, int)Control.GetDesignModeState()Control.HasControls()Control.IsLiteralContent()Control.EnsureChildControls()Control.RemovedControl(Control)Control.SetDesignModeState(IDictionary)Control.SetRenderMethodDelegate(RenderMethod)Control.ClientIDModeControl.ClientIDControl.ClientIDSeparatorControl.ContextControl.AdapterControl.DesignModeControl.EventsControl.IDControl.IsChildControlStateClearedControl.EnableViewStateControl.ViewStateModeControl.IsViewStateEnabledControl.NamingContainerControl.IdSeparatorControl.LoadViewStateByIDControl.PageControl.RenderingCompatibilityControl.TemplateControlControl.ParentControl.TemplateSourceDirectoryControl.AppRelativeTemplateSourceDirectoryControl.SiteControl.VisibleControl.UniqueIDControl.HasChildViewStateControl.ControlsControl.ValidateRequestModeControl.ViewStateControl.ViewStateIgnoresCaseControl.ChildControlsCreatedControl.IsTrackingViewStateControl.DisposedControl.DataBindingControl.InitControl.LoadControl.PreRenderControl.Unloadobject.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()object.GetType()object.MemberwiseClone()...

Constructors

RadChip()

RadChip class

C#
public RadChip()

Properties

AvatarClass

If set, value will be appended to the icon's element class attribute. It also appends "k-chip avatar" and "k-avatar" classes to the icon's element.

C#
public string AvatarClass { get; set; }

ClientEvents

Defines the client events handlers.

C#
[PersistenceMode(PersistenceMode.InnerProperty)]
public ChipClientEvents ClientEvents { get; }

CssClassFormatString

The CssClass property will now be used instead of the former Skin and will be modified in AddAttributesToRender()

C#
protected override string CssClassFormatString { get; }

Overrides: RadWebControl.CssClassFormatString

Example:
C#
protected override string CssClassFormatString
{
       get
       {
           return "RadDock RadDock_{0} rdWTitle rdWFooter";
       }
}

EnableRippleEffect

Returns true if ripple effect should be added

C#
protected override bool EnableRippleEffect { get; }

Overrides: RadWebControl.EnableRippleEffect

FillMode

Specifies the background and border styles of the Chip. The options are: Solid (default) or Outline.

C#
public ChipFillMode FillMode { get; set; }

Icon

Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons.

C#
public string Icon { get; set; }

IconClass

If set, value will be appended to the icon's element class attribute.

C#
public string IconClass { get; set; }

Label

The label text of the chip. Default is empty string.

C#
public string Label { get; set; }

Removable

Specifies if the Chip will be removable or not. If the property is set to true, the Chip renders a remove icon. Default is false.

C#
public bool Removable { get; set; }

RemoveIcon

Defines the name for an existing icon in a Kendo UI theme or SVG content for the remove button when removable=true. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons.

C#
public string RemoveIcon { get; set; }

RemoveIconClass

If set, value will be appended to the remove icon's element class attribute.

C#
public string RemoveIconClass { get; set; }

Rounded

Specifies the size of the chip. The options are: Small, Medium (default), Large, Full and None.

C#
public ChipRounded Rounded { get; set; }

Selectable

Sets whether the Chip can be selected. Default is false.

C#
public bool Selectable { get; set; }

Selected

Toggles the selected state of the Chip. Default is false.

C#
public bool Selected { get; set; }

Size

Specifies the size of the chip. The options are: Small, Medium (default), Large and None.

C#
public ChipSize Size { get; set; }

TagKey

C#
protected override HtmlTextWriterTag TagKey { get; }

Overrides: WebControl.TagKey

ThemeColor

Specifies the theme color of the component. The options are: Base (default), Info, Success, Warning, or Error.

C#
public ChipThemeColor ThemeColor { get; set; }

Methods

DescribeClientEvents(IScriptDescriptor)

C#
protected override void DescribeClientEvents(IScriptDescriptor descriptor)
Parameters:descriptorIScriptDescriptor

Overrides: RadWebControl.DescribeClientEvents(IScriptDescriptor)

DescribeComponent(IScriptDescriptor)

C#
protected override void DescribeComponent(IScriptDescriptor descriptor)
Parameters:descriptorIScriptDescriptor

Overrides: RadWebControl.DescribeComponent(IScriptDescriptor)

OnPreRender(EventArgs)

C#
protected override void OnPreRender(EventArgs e)
Parameters:eEventArgs

Overrides: RadWebControl.OnPreRender(EventArgs)

RenderClientStateField(HtmlTextWriter)

C#
public override void RenderClientStateField(HtmlTextWriter writer)
Parameters:writerHtmlTextWriter

Overrides: RadWebControl.RenderClientStateField(HtmlTextWriter)

In this article
DefinitionConstructorsRadChip()PropertiesAvatarClassClientEventsCssClassFormatStringEnableRippleEffectFillModeIconIconClassLabelRemovableRemoveIconRemoveIconClassRoundedSelectableSelectedSizeTagKeyThemeColorMethodsDescribeClientEvents(IScriptDescriptor)DescribeComponent(IScriptDescriptor)OnPreRender(EventArgs)RenderClientStateField(HtmlTextWriter)
Not finding the help you need?
Contact Support