Xojo Documentation Xojo Documentation

Class (inherits from WebControl)

New in 2010r4

A basic rectangle control, the web equivalent of the desktop rectangle control. You can control the color, border and other visual settings using WebStyles.

Events

Close KeyPressed MouseUp ContextualMenuAction LostFocus Open DoubleClick MouseDown Resized DropObject MouseEnter Shown GotFocus MouseExit Hidden MouseMove

Properties

ContextualMenu HorizontalCenter LockVertical ControlID Left Style Cursor LockBottom Top DragOverStyle LockHorizontal VerticalCenter Enabled LockLeft Visible Height LockRight Width HelpTag LockTop Zindex

Methods

AcceptPictureDrop AllowRawDataDrag MsgBox AcceptRawDataDrop AllowTextDrag PresentContextualMenu AcceptTextDrop Close SetFocus AllowPictureDrag ExecuteJavaScript ShowURL

Example

To create a rectangle with rounded corners, create a new style (RoundedCornerStyle) and set these properties for Corner Radii:

 Top Left Corner = 25 px
 Bottom Left Corner = 25 px
 Bottom Right Corner = 25 px
 Top Right Corner = 25 px

Apply the style to the rectangle by setting the Style property in the IDE or in code:

Rectangle1.Style = RoundedCornerStyle

See Also

WebStyle, Rectangle, WebScrollbar