RadBadge
Definition
Namespace:Telerik.Web.UI
Assembly:Telerik.Web.UI.dll
Syntax:
[EmbeddedSkin("Badge", typeof(RadBadge))]
[EmbeddedSkin("Badge", "Default", typeof(RadBadge))]
[RequiredScript(typeof(jQueryPlugins), 1)]
[RequiredScript(typeof(Html5Badge), 2)]
[ClientScriptResource("Telerik.Web.UI.RadBadge", "Telerik.Web.UI.Badge.Scripts.RadBadge.kendo.js", LoadOrder = 3)]
[ClientScriptResource("Telerik.Web.UI.RadBadge", "Telerik.Web.UI.Badge.Scripts.RadBadge.js", LoadOrder = 4)]
[ToolboxBitmap(typeof(RadBadge), "Toolbox.Icons.Badge.png")]
public class RadBadge : RadWebControl, IComponent, IDisposable, IParserAccessor, IUrlResolutionService, IDataBindingsAccessor, IControlBuilderAccessor, IControlDesignerAccessor, IExpressionsAccessor, IAttributeAccessor, IScriptControl, IControlResolver, IPostBackDataHandler, ISkinnableControl, IControlInheritance: objectControlWebControlRadWebControlRadBadge
Implements:
Inherited Members
Constructors
public RadBadge()Properties
Specifies position of the badge relative to its container. Valid position options are: top start: positions the badge at top left corner of the container; top right in RTL mode.; top end: positions the badge at top right corner of the container; top left in RTL mode.; bottom start: positions the badge at bottom left corner of the container; bottom right in RTL mode. or bottom end: positions the badge at bottom right corner of the container; bottom right in RTL mode.. works in conjunction with position.Note: when using align, make sure the badge container has css position other than static and allows overflow content.
public BadgeAlign Align { get; set; }The CssClass property will now be used instead of the former Skin and will be modified in AddAttributesToRender()
protected override string CssClassFormatString { get; }Overrides:
Specifies whether or not to render additional "cutout" border around the badge.
public bool CutoutBorder { get; set; }Specifies how themeColor is applied to a badge. Valid options are solid (default) and outline.
public BadgeFillMode FillMode { get; set; }Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the badge by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons.
public string Icon { get; set; }Specifies position of the badge relative to the edge of the container. Valid options are: inline: positions the badge inside the container, next to the text.; edge: the center of the badge is positioned on the edge of the container.; inside: the badge is entirely positioned inside the container. or outside: the badge is entirely positioned oustide the container.. Note: position configuration, other than inline, requires the badge to be aligned. See align for more details.
public BadgePosition Position { get; set; }Specifies the size of the badge. Valid options are small, medium, large and full.
public BadgeRounded Rounded { get; set; }Specifies the size of the badge. Valid options are small, medium and large.
public BadgeSize Size { get; set; }protected override bool SupportsRenderingMode { get; }Overrides:
protected override HtmlTextWriterTag TagKey { get; }Overrides:
The template which renders the content of the badge.
[Browsable(true)]
[Bindable(true)]
[PersistenceMode(PersistenceMode.InnerProperty)]
public string Template { get; set; }The text of the badge. Valid input includes string, number or object with toString method. Default is empty string.
public string Text { get; set; }Specifies the theme color of the component. Valid options are inherit: no coloring will be applied to the badge. Useful when the badge needs to blend-in with the surrounding elements.; default: apply coloring based on surface theme color.; primary: apply coloring based on primary theme color.; secondary: apply coloring based on secondary theme color.; tertiary: apply coloring based on tertiary theme color.; info: apply coloring based on info theme color.; success: apply coloring based on success theme color.; warning:apply coloring based on warning theme color.; error: apply coloring based on error theme color.; dark: apply coloring based on dark theme color.; light: always coloring based on light theme color. or inverse: depending on the luminance of the theme, light or dark, inverse will be dark or light..
public BadgeThemeColor ThemeColor { get; set; }Methods
protected override void DescribeComponent(IScriptDescriptor descriptor)Overrides: