← Back to Index
TFlexFMXAdvancedPanel
Enhanced panel with Bootstrap-style borders, shadows, rounded corners, and collapsible content.
Key Properties
BorderStyle: TBorderStyle
Border style: bsNone, bsSolid, bsDashed, bsDotted, etc.
BorderColor: TAlphaColor
Border color (supports transparency).
BorderWidth: Single
Border thickness in pixels.
CornerRadius: Single
Rounded corner radius (0 = square corners).
Shadow: Boolean
Enable drop shadow effect.
ShadowColor: TAlphaColor
Shadow color and opacity.
ShadowBlur: Single
Shadow blur radius (higher = softer shadow).
ShadowOffsetX / ShadowOffsetY: Single
Shadow offset position.
Collapsible: Boolean
Enable collapse/expand functionality.
Collapsed: Boolean
Current collapsed state (runtime).
HeaderHeight: Single
Height of the header area (when collapsible).
HeaderText: string
Text displayed in the header.
AnimationDuration: Single
Collapse/expand animation duration in seconds.
CSS Classes
card - Bootstrap card stylecard-primary, card-secondary, card-success - Colored cardsshadow, shadow-sm, shadow-lg - Shadow variationsrounded, rounded-lg - Rounded cornersborder, border-primary - Border styles
Usage Examples
Card Panel
Panel1.FlexFMXCSS.Text := 'card shadow';
Panel1.CornerRadius := 8;
Panel1.Padding.Rect := RectF(15, 15, 15, 15);
Collapsible Panel
Panel1.Collapsible := True;
Panel1.HeaderText := 'Click to expand';
Panel1.HeaderHeight := 40;
Panel1.AnimationDuration := 0.3;
Shadow Panel
Panel1.Shadow := True;
Panel1.ShadowBlur := 10;
Panel1.ShadowOffsetY := 5;
Panel1.ShadowColor := $30000000; // Semi-transparent black
Events
OnCollapse - Triggered when panel collapsesOnExpand - Triggered when panel expandsOnHeaderClick - Header area clicked
Notes
- Use with TFlexFMXLayout for responsive card grids
- Supports ColorScheme integration for automatic theming
- Animations use FMX built-in animation system
← Back to Index