<kendo:buttonGroup-item-badge>

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.

Example

<kendo:buttonGroup-item>
    <kendo:buttonGroup-item-badge></kendo:buttonGroup-item-badge>
</kendo:buttonGroup-item>

Configuration Attributes

align `java.lang.String`

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

Example

<kendo:buttonGroup-item-badge align="align">
</kendo:buttonGroup-item-badge>

cutoutBorder `boolean`

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

Example

<kendo:buttonGroup-item-badge cutoutBorder="cutoutBorder">
</kendo:buttonGroup-item-badge>

fill `java.lang.String`

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

Example

<kendo:buttonGroup-item-badge fill="fill">
</kendo:buttonGroup-item-badge>

icon `java.lang.String`

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.

Example

<kendo:buttonGroup-item-badge icon="icon">
</kendo:buttonGroup-item-badge>

max `float`

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

Example

<kendo:buttonGroup-item-badge max="max">
</kendo:buttonGroup-item-badge>

position `java.lang.String`

Specifies position of the badge relative to the edge of the button. Valid placemnt options are: inline, edge, inside, outside.Note: position configuration, other than inline requires the badge to be aligned. See items.badge.align for more details.

Example

<kendo:buttonGroup-item-badge position="position">
</kendo:buttonGroup-item-badge>

shape `java.lang.String`

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

Example

<kendo:buttonGroup-item-badge shape="shape">
</kendo:buttonGroup-item-badge>

size `java.lang.String`

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

Example

<kendo:buttonGroup-item-badge size="size">
</kendo:buttonGroup-item-badge>

template `java.lang.String`

The template which renders the content of the badge.

Example

<kendo:buttonGroup-item-badge template="template">
</kendo:buttonGroup-item-badge>

text `java.lang.Object`

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

Example

<kendo:buttonGroup-item-badge text="text">
</kendo:buttonGroup-item-badge>

themeColor `java.lang.String`

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

Example

<kendo:buttonGroup-item-badge themeColor="themeColor">
</kendo:buttonGroup-item-badge>

visible `boolean`

If set to false the badge will not be displayed.

Example

<kendo:buttonGroup-item-badge visible="visible">
</kendo:buttonGroup-item-badge>

Event Attributes

template `String`

The template which renders the content of the badge.

Example

<kendo:buttonGroup-item-badge template="handle_template">
</kendo:buttonGroup-item-badge>
<script>
    function handle_template(e) {
        // Code to handle the template event.
    }
</script>

Event Tags