Skip to content



Below is a list of the most important properties methods and events for TWebButton. TWebButton is a button control similar to a VCL TButton control

Designtime Runtime

HTML template tag

The HTML tag the component can be associated with in an HTML template. Assign the ID attribute with a unique value and set the identical value to the ElementID property. Detailed information can be found in the Use of HTML templates topic.

HTML tag <DIV ID=”UniqueID”></DIV>
ElementID UniqueID

Properties for TWebButton

Property Description
ButtonType Allows to set the type attribute for the HTML button element when needed (button, submit, reset)
Caption Sets the text for the button
ElementClassName Optionally sets the CSS classname for the button when styling via CSS is used
ElementID Optionally sets the HTML element ID for a HTML BUTTON element in the form HTML file the button needs to be connected with. When connected, no new button is created but the Delphi class is connected with the existing HTML element in the form HTML file
TabOrder Sets the tab order of the control
TabStop When True, the focus is turned to the control when pressing tab
TextDirection Sets the text direction to
tdDefault: does not use direction attribute
tdInherit: uses TextDirection of parent control
tdRightToLeft:uses rtl direction attribute
tdLeftToRight: uses ltr direction attribute

Events for TWebButton

Property Description
OnClick Event is triggered when the button is clicked
OnEnter Event triggered when the button gets focus
OnExit Event triggered when the focus leaves the button