Skip to content



Below is a list of the most important properties methods and events for TWebToolBar. A TWebToolBar is a container control that can host several controls to form a toolbar.

Designtime Runtime

Properties for TWebToolbar

Property Description
ElementClassName Optionally sets the CSS classname for the label when styling via CSS is used
ElementID Optionally sets the HTML element ID for a HTML element in the form HTML file the label needs to be connected with. When connected, no new label is created but the Delphi class is connected with the existing HTML element in the form HTML file

Events for TWebToolbar

Property Description
OnClick Event triggered when the toolbar is clicked
OnDblClick Event triggered when the toolbar is double-clicked

Example: line wrapping (responsive behaviour)

To make the content of the TWebToolbar automatically adapt to the available width, set the WidthStyle and HeightStyle of the TWebToolBar to ssAuto. Also set the ElementPosition of each component conainted in the TWebToolBar to epRelative. The order in wich the components are displayed can be controlled with the ChildOrder property.

  WebSpeedButton1.ElementPosition := epRelative;
  WebSpeedButton1.ChildOrder := 0;
  WebSpeedButton2.ElementPosition := epRelative;
  WebSpeedButton2.ChildOrder := 1;
  WebToolBar1.WidthStyle := ssAuto;
  WebToolBar1.HeightStyle := ssAuto;