New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

ButtonGroupItemBadgeBuilder

Class

Defines the fluent API for configuring ButtonGroupItemBadgeBuilder

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Syntax:

public class ButtonGroupItemBadgeBuilder

Inheritance: objectButtonGroupItemBadgeBuilder

Inherited Members object.GetType()object.MemberwiseClone()object.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()...

Constructors

ButtonGroupItemBadgeBuilder(ButtonGroupItemBadge)

public ButtonGroupItemBadgeBuilder(ButtonGroupItemBadge container)

Parameters:containerButtonGroupItemBadge

Properties

Container

ButtonGroupItemBadge

protected ButtonGroupItemBadge Container { get; }

Methods

Align(BadgeAlign)

Defines the alignment of the badge

public ButtonGroupItemBadgeBuilder Align(BadgeAlign value)

Parameters:valueBadgeAlign

The value that configures the align.

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Align(BadgeAlign.TopEnd));
})
)

CutoutBorder()

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

public ButtonGroupItemBadgeBuilder CutoutBorder()

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.CutoutBorder());
})
)

CutoutBorder(bool)

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

public ButtonGroupItemBadgeBuilder CutoutBorder(bool value)

Parameters:valuebool

The value for CutoutBorder

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.CutoutBorder(true));
})
)

Encoded(bool)

Determines whether the textual content should be rendered as an HTML string or it should be encoded.

public ButtonGroupItemBadgeBuilder Encoded(bool value)

Parameters:valuebool

The value for Encoded

Returns:

ButtonGroupItemBadgeBuilder

Fill(BadgeFill?)

Defines how theme colors are applied to a badge

public ButtonGroupItemBadgeBuilder Fill(BadgeFill? value)

Parameters:valueBadgeFill?

The value that configures the fill.

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Fill(BadgeFill.Solid));
})
)

Icon(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.

public ButtonGroupItemBadgeBuilder Icon(string value)

Parameters:valuestring

The value for Icon

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Icon("camera"));
})
)

Max(double)

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

public ButtonGroupItemBadgeBuilder Max(double value)

Parameters:valuedouble

The value for Max

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Max(100));
})
)

Position(BadgePosition)

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 items.badge.placement.

public ButtonGroupItemBadgeBuilder Position(BadgePosition value)

Parameters:valueBadgePosition

The value for Position

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Position(BadgePosition.Inside));
})
)

Shape(BadgeShape)

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

public ButtonGroupItemBadgeBuilder Shape(BadgeShape value)

Parameters:valueBadgeShape

The value for Shape

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Shape(BadgeShape.Circle));
})
)

Size(BadgeSize?)

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

public ButtonGroupItemBadgeBuilder Size(BadgeSize? value)

Parameters:valueBadgeSize?

The value for Shape

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Size(BadgeSize.Medium));
})
)

Template(string)

The template which renders the content of the badge

public ButtonGroupItemBadgeBuilder Template(string value)

Parameters:valuestring

The value for Template

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Template("template"));
})
)

TemplateHandler(string)

Sets the template handler function name for rendering the badge content.

public ButtonGroupItemBadgeBuilder TemplateHandler(string value)

Parameters:valuestring

The template handler function name.

Returns:

ButtonGroupItemBadgeBuilder

The builder instance.

TemplateId(string)

The template which renders the content of the badge

public ButtonGroupItemBadgeBuilder TemplateId(string templateId)

Parameters:templateIdstring

The ID of the template element for Template

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.TemplateId("templateId"));
})
)

TemplateView(MvcHtmlString)

The template which renders the content of the badge

public ButtonGroupItemBadgeBuilder TemplateView(MvcHtmlString value)

Parameters:valueMvcHtmlStringReturns:

ButtonGroupItemBadgeBuilder

Text(string)

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

public ButtonGroupItemBadgeBuilder Text(string value)

Parameters:valuestring

The value for Text

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Text("test"));
})
)

ThemeColor(BadgeColor?)

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

public ButtonGroupItemBadgeBuilder ThemeColor(BadgeColor? value)

Parameters:valueBadgeColor?

The value for Color

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.ThemeColor(BadgeColor.Primary));
})
)

Visible(bool)

If set to false the badge will not be displayed.

public ButtonGroupItemBadgeBuilder Visible(bool value)

Parameters:valuebool

The value for Visible

Returns:

ButtonGroupItemBadgeBuilder

Example:

@(Html.Kendo().ButtonGroup()
.Name("select-period")
.Items(t =&gt;
{
t.Add().Text("Month").Badge(b =&gt; b.Visible(false));
})
)