徽章的外表
徽章用于装饰头像，导航菜单，以及定制模板内容。
圆形的
的圆形的属性可以通过圆形的枚举。可选值包括:
完整的(默认)-呈现圆形徽章。小-呈现一个小边界半径的徽章。媒介-呈现一个中等半径边界的徽章。大-呈现一个大边界半径的徽章。没有一个-呈现一个没有边界半径的徽章(方形徽章)。
下面的示例演示圆形的徽章选项:
@(Html.Kendo().Badge() .Name("badge") .Text("Custom") .Rounded(Rounded.Large)))主题颜色
徽章您可以指定预定义的主题颜色。
可用的ThemeColor值:
主要的(默认值)-基于主主题颜色应用着色。基地-应用基本主题颜色。二次-基于次要主题颜色应用着色。三级—基于第三个主题颜色进行着色。继承—应用继承的着色值。信息-根据信息主题颜色进行着色。成功-基于成功主题颜色应用着色。警告—根据警告主题颜色进行着色。错误-基于错误主题颜色应用着色。黑暗-应用基于深色主题颜色的着色。光-应用基于光的主题颜色着色。逆—基于倒置的主题颜色进行着色。
@(Html.Kendo().Badge() .Name("badge") .Text("user") .ThemeColor(ThemeColor.Primary)))大小
徽章允许您设置预定义或自定义大小。的大小属性可以通过ComponentSize枚举。可选值包括:
小媒介(默认)大没有一个
@(Html.Kendo().Badge() .Name("badge") .Text("JS") .Size(ComponentSize.Large)))FillMode
徽章使您能够设置样式选项和创建实体或轮廓徽章通过设置BadgeFillMode．可用的BadgeFillMode值:
固体(默认)大纲没有一个
@(Html.Kendo().Badge() .Name("badge") .Text("JS") .FillMode(BadgeFillMode.Outline)))