developer-delphi-fmx-containers

Organize Fireman FMX layouts with TRectangle and TLayout alignment and styling.

Updated Jan 6, 2026

Search Tags:#typography #layout #containers #alignment #delphi #fmx

Ready to run

npx skills add https://github.com/cslsoftwares/ParamentersORM --skill developer-delphi-fmx-containers

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: developer-delphi-fmx-containers
Source: https://github.com/cslsoftwares/ParamentersORM/tree/main/.cursor/skills/developer-delphi-fmx-containers_V1.0.0
Command: npx skills add https://github.com/cslsoftwares/ParamentersORM --skill developer-delphi-fmx-containers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delphi FMX developers often struggle to compose consistent, scalable layouts across screens; this skill provides a structured approach to using containers (TRectangle, TLayout) and alignment rules to build robust UI foundations.

Core Features & Use Cases

Containers: TRectangle and TLayout for visual structure and layout organization
Alignment and responsive design: TAlignLayout values to compose header, content, and footer areas
Styling essentials: Fill, Stroke, XRadius, YRadius, and Corner types to shape containers
Typography and text: basic FMX typography usage with TLabel and TText for titles and body text
Quick Start example: Use a top header, a scrollable content area, and a bottom footer to assemble a typical screen

Quick Start

Create a simple FMX screen by placing a header with TAlignLayout.Top, a content area with TAlignLayout.Client, and a footer with TAlignLayout.Bottom inside a parent container.

Frequently Asked Questions about developer-delphi-fmx-containers

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build responsive FMX layouts with header, content, and footer areas in Delphi?▼

Build responsive FMX layouts by assigning TAlignLayout.Top to the header, TAlignLayout.Client to the content, and TAlignLayout.Bottom to the footer inside a parent container. This structure ensures flexible screen composition that scales across different resolutions.

What is the best way to style FireMonkey containers using fills, strokes, and corner radii?▼

Style FireMonkey containers by configuring Fill and Stroke properties on TRectangle, then shaping corners using XRadius, YRadius, and Corner types. This approach creates visually distinct UI blocks without requiring custom control painting.

How do I apply typography to TLabel and TText components in FMX for screen titles and body text?▼

Apply FMX typography by configuring text settings on TLabel and TText components to establish visual hierarchy. This ensures titles and body text render consistently across different screen densities and platform targets.

Can I use TLayout and TRectangle interchangeably to organize visual structure in FireMonkey?▼

TLayout and TRectangle serve different purposes in FireMonkey: TLayout organizes alignment and spacing without visual borders, while TRectangle provides styled visual structure with customizable fills, strokes, and corner radii for UI elements.

Why does my FMX screen layout misalign when resizing across different platforms?▼

FMX screen layout misaligns during resizing when container alignment rules conflict or nested layouts lack explicit TAlignLayout values. Structuring screens with proper Top, Client, and Bottom alignment patterns prevents scaling distortion.

Do I need prior experience with TAlignLayout to create scalable FireMonkey screen structures?▼

Prior experience with TAlignLayout is necessary to create scalable FireMonkey screen structures, as this property controls how containers resize and position themselves relative to parent dimensions and sibling components.