Skip to content



Below is a list of the most important properties methods and events for TWebTrackBar. TWebTrackBar is a trackbar control similar to a VCL TTrackBar. Note: in order to use the TWebTrackBar control, a fully HTML compliant browser is needed.

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 TWebTrackBar

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
Max Sets the maximum value of the trackbar
Min Sets the minimum value of the trackbar
Position Sets the thumb position of the trackbar
TabOrder Sets the tab order of the control
TabStop When true, the focus is turned to the control when pressing tab

Events for TWebTrackBar

Property Description
OnChange Event triggered when the thumb on the trackbar is moved