GRAFFITIRECTANGLE - GRAFFITISUITE DOCS

# GraffitiRectangle Class Inherits GraffitiWebUIControl ## About A simple, customizable, decorative component with support custom image embedding and display. ## Compatibility ### Framework API Version | 1.0 | 2.0 | | :---: | :---: | | True | True | ### Web | 32-Bit | 64-Bit | | :---: | :---: | | True | True | ## Enumerations | Name | Value | Description | | --- | :---: | --- | | AttachmentValues | Default Fixed Local Scroll | Supported background image attachment values. | | BlendModes | Default Multiply Screen Overlay Darken Lighten Dodge Saturation Color Luminosity | Supported background blending modes. | | BoundaryValues | Default PaddingBox BorderBox ContentBox | Supported image clipping values. | | PositionValues | Default LeftTop LeftCenter LeftBottom RightTop RightCenter RightBottom CenterTop Center CenterBottom Raw | Supported image origin values. | | RepeatValues | Default Repeat RepeatX RepeatY NoRepeat | Supported image repetition values. | | SizeValues | Default Cover Contain Raw | Supported image sizing values. | ## Event Definitions | Name | Parameters | Return Type | Description | | --- | :---: | :---: | --- | | MouseEnter | (None) | (None) | Raised when the user's mouse enters the display area. | | MouseExit | (None) | (None) | Raised when the user's mouse exits the display area. | | Open | (None) | (None) | (None) | | Pressed | X as Integer Y as Integer | (None) | Raised when the user left-clicks or touches the control. | | PressedRight | X as Integer Y as Integer | (None) | Raised when the user right-clicks or long-presses the control. | | Shown | (None) | (None) | (None) | ## Methods | Name | Parameters | Return Type | Description | | --- | :---: | :---: | --- | | SetBackgroundImage | p as Picture | (None) | Sets the background image of the rectangle to the specified Picture object. | | SetBackgroundImage | p as WebFile | (None) | Sets the background image of the rectangle to the specified Picture object. | | SetBackgroundImage | p as WebPicture | (None) | Sets the background image of the rectangle to the specified Picture object. | ## Properties | Name | Type | Default Value | Description | | --- | :---: | :---: | --- | | BorderBottom | Boolean | (None) | Determines whether the rectangle has a bottom border. | | BorderBottomLeftRadius | Integer | (None) | Radius of the bottom left corner. | | BorderBottomRightRadius | Integer | (None) | Radius of the bottom right corner. | | BorderBottomRounded | Boolean | (None) | If True, corners at the bottom will be rounded. Also relies on each side having their Rounded property set to True. | | BorderBottomSize | Integer | (None) | Size of the border along the bottom side. | | BorderLeft | Boolean | (None) | Determines whether the rectangle has a left border. | | BorderLeftRounded | Boolean | (None) | If True, corners on the left will be rounded. Also relies on top and/or bottom having their Rounded property set to True. | | BorderLeftSize | Integer | (None) | Size of the border along the left side. | | BorderRight | Boolean | (None) | Determines whether the rectangle has a right border. | | BorderRightRounded | Boolean | (None) | If True, corners on the right will be rounded. Also relies on top and/or bottom having their Rounded property set to True. | | BorderRightSize | Integer | (None) | Size of the border along the right side. | | BorderTop | Boolean | (None) | Determines whether the rectangle has a top border. | | BorderTopLeftRadius | Integer | (None) | Radius of the top left corner. | | BorderTopRightRadius | Integer | (None) | Radius of the top right corner. | | BorderTopRounded | Boolean | (None) | If True, corners at the top will be rounded. Also relies on each side having their Rounded property set to True. | | BorderTopSize | Integer | (None) | Size of the border along the top side. | | ColorBackground | Color | (None) | Custom background color. | | ColorBorder | Color | (None) | Custom border color. | | CustomBackground | Boolean | (None) | When True, ColorBackground is applied to the rectangle. | | CustomBorder | Boolean | (None) | When True, ColorBorder is applied to the rectangle. | | ImageAttachment | AttachmentValues | (None) | Sets whether a background image scrolls with the rest of the page, or is fixed. | | ImageBackgroundURL | String | (None) | URL to an image to set as the background. The SetBackgroundImage methods populate this property. | | ImageBlendMode | BlendModes | (None) | Sets how the background image should blend with each other and with the element's background color. | | ImageClip | BoundaryValues | (None) | Sets whether an element's background extends underneath its border box, padding box, or content box. | | ImageOrigin | BoundaryValues | (None) | Sets the background's origin: from the border start, inside the border, or inside the padding. | | ImagePosition | PositionValues | (None) | Sets the initial position for each background image. The position is relative to the position layer set by ImageOrigin. | | ImagePositionRaw | String | (None) | Custom position value. See here for more information. | | ImageRepeat | RepeatValues | (None) | Sets whether the image will repeat along X, Y, both, or none axes. | | ImageSize | SizeValues | (None) | Sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space. | | ImageSizeRaw | String | (None) | Custom size values. See here for more information. | | IndicatorBackground | WebUIControl.Indicators | (None) | Bootstrap indicator to apply to the rectangle's background. It is not recommended that you mix IndicatorBackground with ColorBackground. | | IndicatorBorder | WebUIControl.Indicators | (None) | Bootstrap indicator to apply to the rectangle's border. It is not recommended that you mix IndicatorBorder with ColorBorder. | | IsOval | Boolean | (None) | When set to True the control will draw as an oval and override the Border*Rounded properties. |