New to Telerik UI for JSP? Download free 30-day trial

<kendo:avatar>

A JSP wrapper for Kendo UI Avatar.

Configuration Attributes

alt java.lang.String

A text description of the Avatar image. When type="image" is configured this value will be used to populate the alt attribute of the element.

Example

<kendo:avatar alt="alt">
</kendo:avatar>

border boolean

Specifies whether the avatar should render border around its container element. Default is false.

Example

<kendo:avatar border="border">
</kendo:avatar>

className java.lang.String

Adds additional custom classes to the Avatar container element.

Example

<kendo:avatar className="className">
</kendo:avatar>

fillMode java.lang.String

Specifies the appearance fill style of the Avatar. The available values are "outline", "solid" (default), and null.

Example

<kendo:avatar fillMode="fillMode">
</kendo:avatar>

icon java.lang.String

Specifies an icon name to be used if the avatar type is set to icon. For a list of available icon names, please refer to the Web Font Icons article.

Example

<kendo:avatar icon="icon">
</kendo:avatar>

image java.lang.String

Specifies an image URL or dataURL that would be used to populate the src attribute of the avatar element.

Example

<kendo:avatar image="image">
</kendo:avatar>

rounded java.lang.String

Could be one of the predefined shapes available for the widget container: "full" (default), "small", "medium", "large", or null.

Example

<kendo:avatar rounded="rounded">
</kendo:avatar>

size java.lang.String

The Avatar allows you to set predefined sizes. The available size values are "small", "medium" (default), "large", or null.

Example

<kendo:avatar size="size">
</kendo:avatar>

style java.lang.Object

Sets additional CSS styles to the Avatar container element.

Example

<kendo:avatar style="style">
</kendo:avatar>

text java.lang.String

Will be used to populated Avatar content when its type is set to text

Example

<kendo:avatar text="text">
</kendo:avatar>

themeColor java.lang.String

The Avatar allows you to specify predefined theme colors for background of its container. The available themeColor values are: - primary (Default) - Applies coloring based on primary theme color. - base - Applies base theme color. - secondary - Applies coloring based on secondary theme color. - tertiary - Applies coloring based on tertiary theme color. - inherit - Applies inherited coloring value. - info - Applies coloring based on info theme color. - success - Applies coloring based on success theme color. - warning - Applies coloring based on warning theme color. - error - Applies coloring based on error theme color. - dark - Applies coloring based on dark theme color. - light - Applies coloring based on light theme color. - inverse - Applies coloring based on inverted theme color. - null - Does not apply theme color class.

Example

<kendo:avatar themeColor="themeColor">
</kendo:avatar>

type java.lang.String

Could be one of the three predefined types for the widget: icon, image, or text (default).

Example

<kendo:avatar type="type">
</kendo:avatar>
In this article
Not finding the help you need?