Skip to content

TWebJQXResponsivePanel

Description

Below is a list of the most important properties methods and events for TWebJQXResponsivePanel. Represents a panel control with a responsive behaviour. The responsive panel collapses when the browser window (or parent element) width becomes less than a set value and the panel is then accessible by clicking a button.

Designtime Runtime

Properties for TWebJQXResponsivePanel

Property Description
AnimationType Sets the type of animation used when the panel is opened or closed. Options are Fade, Slide or None
AutoClose Sets if the panel is automatically closed when a mouse click occurs outside the panel (only while the ToggleButton is visible)
CollapseBreakPoint If the width of the browser window (or parent element) in pixels is lower than this value the ToggleButton is displayed, otherwise the ToggleButton is hidden
Theme Sets the name of the theme that is used to display the control
ToggleButtonSize Sets the size of the ToggleButton

Methods for TWebJQXResponsivePanel

Property Description
Refresh Performs a refresh of the control. If the width of the parent element has changed the ToggleButton is hidden or displayed based on the width of the parent element

Events for TWebJQXResponisvePanel

Property Description
OnClose Event triggered when the panel is closed by clicking the ToggleButton
OnCollapse Event triggered when the window (or parent element) width is higher than CollapseBreakPoint and the ToggleButton is hidden
OnExpand Event triggered when the window (or parent element) width is lower than CollapseBreakPoint and the ToggleButton is displayed
OnOpen Event triggered when the panel is opened by clicking the ToggleButton