skills.rest
cslsoftwares
cslsoftwaresCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/cslsoftwares/ParamentersORM --skill developer-delphi-fmx-containers
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
cslsoftwarescslsoftwares

developer-delphi-fmx-patterns

Standardize Delphi FireMonkey UI patterns with TStyleBook and TDialogService.

Community
Intermediate
cslsoftwarescslsoftwares

developer-delphi-fmx-layout

Delegate Delphi FMX layout tasks to six specialized micro-skills.

Community
Advanced
cslsoftwarescslsoftwares

developer-delphi-fmx-effects

Apply GPU-based visual effects to FireMonkey controls.

Community
Intermediate
cslsoftwarescslsoftwares

developer-delphi-fmx-frames

Design reusable Delphi FMX UIs with TFrame and visual inheritance.

Community
Advanced