From 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.

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

ContextualMenu Left Page fa-lock-32.png
ControlID fa-lock-32.png LockBottom Parent fa-lock-32.png
Cursor LockHorizontal Style
DragOverStyle LockLeft Top
Enabled LockRight VerticalCenter
Height LockTop Visible
HelpTag LockVertical Width
HorizontalCenter Name fa-lock-32.png Zindex

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


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