Skip to content

TWebAccordion

Description

Below is a list of the most important properties methods and events for TWebAccordion. An accordion is a collection of expandable sections. The sections are expanded by clicking a caption. The content of the section can be HTML or any other web controls.
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 TWebAccordion

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
Sections Collection of sections in the TWebAccordion

Events for TWebAccordion

Property Description
OnCollapsed Event triggered when a section was collapsed.
OnCollapsing Event triggered when a section is about to be collapsed. The Allow parameter can be used to control whether the section can be collapsed.
OnExpanded Event triggered when a section was expanded.
OnExpanding Event triggered when a section is about to be expanded. The Allow parameter can be used to control whether the section can be expanded.
OnRenderSection Event triggered when a section is about to be rendered. This returns a reference the HTML element that is the container for the section and allows further customization of the section.

Properties for TAccordionSection

Property Description
Caption Gets or sets the text or HTML of the section caption.
CaptionElement Gets the HTML container element of the section caption.
Content Gets or sets the text or HTML content of the section.
ContentElement Gets the HTML container element of the section content.
Expanded Gets or sets the expanded state of the section.
Tag Integer property.