# GraffitiAvatar
Class Inherits GraffitiSuite.BaseCanvas
## About
GraffitiAvatar is an amazingly simple yet beautiful component for displaying a user’s chosen image within your app and allowing them to interact with it.Features:
*
Automatic name to initial conversion
*
Rectangle, oval, or diamond shaping
*
Customizable border radius for rectangle
*
Color settings
## Preview
Previous
Next
## Compatibility
### Framework API Version
| 1.0 | 2.0 |
| :---: | :---: |
| True | True |
### Desktop
| 32-Bit | 64-Bit |
| :---: | :---: |
| True | True |
## Attributes
| Name | Value |
| --- | --- |
| DefaultEvent | "Pressed" |
## Enumerations
| Name | Value | Description |
| --- | :---: | --- |
| Shapes | Rectangle <br > Oval <br > Diamond | Shapes used for drawing avatar image. |
## Event Definitions
| Name | Parameters | Return Type | Description |
| --- | :---: | :---: | --- |
| DoublePressed | (None) | (None) | Raised when the user double clicks the avatar's visible area. |
| MouseEnter | (None) | (None) | (None) |
| MouseExit | (None) | (None) | (None) |
| Pressed | (None) | (None) | Raised when the user single clicks the avatar's visible area. |
## Properties
| Name | Type | Default Value | Description |
| --- | :---: | :---: | --- |
| BackgroundColor | Color | (None) | Background color used when displaying the user's initials. |
| BackgroundColorHover | Color | (None) | Background color used when displaying the user's initials and the mouse is hovered over the avatar area. |
| BorderColor | Color | (None) | Color used for drawing the outside edge of the avatar's visible area. |
| BorderColorHover | Color | (None) | Color used for drawing the outside edge of the avatar's visible area when the mouse is hovered over the avatar area. |
| BorderRadius | Double | (None) | Corner radius when using Shapes.Rectangle or Shapes.Diamond. |
| BorderWidth | Integer | (None) | Size of the drawn border. |
| HasStatus | Boolean | (None) | Determines whether the status icon is visible. |
| Image | Picture | (None) | User avatar image. |
| Shape | Shapes | (None) | Determines in what shape the avatar will be displayed. |
| ShowInitialsOnHover | Boolean | True | When True, the avatar Image will be hidden and the initials extracted from the UserName will be displayed in the avatar area. |
| StatusColor | Color | (None) | Controls the color displayed within the status icon. |
| TextColor | Color | (None) | Color applied to drawn initials. |
| TextColorHover | Color | (None) | Color applied to drawn initials when the mouse is hovered over the avatar area. |
| UserName | String | (None) | Name to be used for initial extraction. |
