Kendo.Mvc.UI.ButtonGroupItemBadge

Kendo UI ButtonGroupItemBadgeSettings class

Properties

Appearance

Specifies the shape of the badge - rectangle or pill.

BadgeStyle

Specifies the structure of a badge. Valid options are solid (default) and outline.

Color

Specifies the color of the component. Valid options are inherit, default, primary, secondary, tertiary, info, success, warning, error, dark, light, inverted.

CutoutBorder

Specifies wether or not to render additional "cutout" border around the badge.

Icon

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.

Max

If text is a number, it will cap that number.

Placement

Specifies position of the badge relative to the edge of the button. Valid placemnt options are: edge, inside, outside.Note: placement configuration requires the badge to be positioned. See badge.position for more details.

Position

Specifies position of the badge relative to button. Valid position options are: inline, top start, top end, bottom start, bottom end. works in conjunction with badge.placement.

Shape

Specifies the shape of the badge. Valid options are: rectangle, rounded, pill, circle, dot.

Size

Specifies the size of the badge. Valid options are small, medium and large.

Text

The text of the badge. Valid input includes string, number or object with toString method. Default is empty string.

Overlay

Deprecated! Use items.badge.position instead.There is no built in mapping between items.badge.overlay and items.badge.position: items.badge.overlay: false can be achieved by setting items.badge.position: "inline" or items.badge.overlay: true can be achieved by setting items.badge.position: "top end", or not setting it at all.. For compatibility items.badge.overlay is kept, even though it has no effect on the badge.

Look

Specifies the look of the badge - flat or outlined.

Template

The template which renders the content of the badge

TemplateId

The id of the script element used for Template

Type

Specifies the type of the badge - primary, secondary, info, success, warning and error.

Value

The value of the badge

Visible

If set to false the badge will not be displayed.

Enabled

If set to true a default overlay badge will be displayed. If set to a string, an ovelay with content set to the specified string will be displayed. Can be set to a JavaScript object which represents the configuration of the Badge widget.

Methods

SerializeSettings

Serialize current instance to Dictionary

In this article
Not finding the help you need?