GRAFFITICARD - GRAFFITISUITE DOCS

# GraffitiCard Class Inherits GraffitiSuite.BaseCanvas ## About GraffitiCard is a desktop implementation of popular web components meant to convey information in an encapsulated form with a call-to-action button. ** Features: ** * Optional Title, Image, Header, Subheader, Content, and Button areas * Dark Mode aware * Text is fully customizable * Auto-height support for variable content ## Preview ![](https://graffitisuite.com/wp-content/uploads/2023/05/desktop_card1.png) Previous Next ## Compatibility ### Framework API Version | 1.0 | 2.0 | | :---: | :---: | | True | True | ### Desktop | 32-Bit | 64-Bit | | :---: | :---: | | True | True | ## Attributes | Name | Value | | --- | --- | | DefaultEvent | "Action" | ## Enumerations | Name | Value | Description | | --- | :---: | --- | | Alignments | Left <br> Center <br> Right | Possible text alignments. | ## Event Definitions | Name | Parameters | Return Type | Description | | --- | :---: | :---: | --- | | Action | (None) | (None) | Raised when the user clicks the card's button. | | HeightChanged | (None) | (None) | Raised when the height of the card has changed. Only fires when the AutoHeight property is True. | ## Properties | Name | Type | Default Value | Description | | --- | :---: | :---: | --- | | AutoHeight | Boolean | Nil | When True the Card will resize vertically so that its content fills the entire area. | | BackgroundColor | Color | Nil | Color applied to card background. | | BorderColor | Color | Nil | Color applied to card border. | | Button | String | Nil | When length = 0, button will not be shown. | | ButtonBold | Boolean | Nil | Font weight of button. | | ButtonBorderRadius | Integer | Nil | Border radius of button object. | | ButtonColor | Color | Nil | Color applied to button object's background | | ButtonFontFace | String | Nil | Font used for drawing button text. | | ButtonFontSize | Integer | Nil | Font size applied to button text. | | ButtonItalic | Boolean | Nil | If True button text will be italicized. | | ButtonTextColor | Color | Nil | Color applied to button object's text. | | ButtonUnderline | Boolean | Nil | Controls underline decoration on button text. | | Content | String | Nil | Text to be displayed in the content area of the card. | | ContentAlignment | Alignments | Nil | Drawing position of content. | | ContentBold | Boolean | Nil | Font weight of content text. | | ContentFontFace | String | Nil | Font face applied to content text. | | ContentFontSize | Integer | Nil | Font size used for drawing content text. | | ContentItalic | Boolean | Nil | When True content text will be italicized. | | ContentTextColor | Color | Nil | Color applied to content text. | | ContentUnderline | Boolean | Nil | If True, applies an underline to content text. | | CornerRadius | Double | Nil | Determines the roundness of the cards' corners. | | CustomColors | Boolean | Nil | When True, uses the custom color properties for drawing. | | Header | String | Nil | Text to draw in the header position of the card. | | HeaderBold | Boolean | Nil | Font weight of header. | | HeaderFontFace | String | Nil | Font face of header. | | HeaderFontSize | Integer | Nil | Font size of header. | | HeaderItalic | Boolean | Nil | When True, makes header text italicized. | | HeaderTextColor | Color | Nil | Color applied to header text. | | HeaderUnderline | Boolean | Nil | Applies underline to header text. | | Image | Picture | Nil | Image displayed below the title and above the header. | | Private | As | Nil | | | Private | As | = | | | Private | As | Nil | | | Private | As | = | | | Private | As | Nil | | | Private | As | = | | | Private | As | = | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | = | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | = | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | = | | | Private | As | = | | | Private | As | = | | | Private | As | = | | | Private | As | = | | | Private | As | = | | | Private | As | = | | | Private | As | Nil | | | Private | As | = | | | Private | As | = | | | Private | As | = | | | Private | As | = | | | Private | As | Nil | | | Private | As | = | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | = | | | Private | As | = | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | Nil | | | Private | As | = | | | Private | As | = | | | Private | As | Nil | | | Subheader | String | Nil | Text displayed below the header and above the content. | | SubheaderBold | Boolean | Nil | Font weight of the subheader text. | | SubheaderFontFace | String | Nil | Font face used for subheader text. | | SubheaderFontSize | Integer | Nil | Font size used for subheader text. | | SubheaderItalic | Boolean | Nil | When True, subheader text will be italicized. | | SubheaderTextColor | Color | Nil | Color applied to subheader text. | | SubheaderUnderline | Boolean | Nil | Applies underline to subheader text. | | Title | String | Nil | The title of the card. Appears above all other elements. | | TitleBackgroundColor | Color | Nil | Background color of the titlebar. | | TitleBold | Boolean | Nil | Font weight of title text. | | TitleFontFace | String | Nil | Font face of title text. | | TitleFontSize | Integer | Nil | Font size of title text. | | TitleItalic | Boolean | Nil | Makes the title text italicized. | | TitleTextColor | Color | Nil | Applies the specified color to the title text. | | TitleUnderline | Boolean | Nil | Controls underline decoration on title text. |