Table of Contents

Getting started with TMS FNC Responsive Manager

Prerequisites

  • TMS FNC Core installed and the runtime package added to the project.

Add the component

  1. Drop TTMSFNCResponsiveManager from the TMS FNC UI palette page onto a form.

Define a responsive item

  1. Open the Items collection editor.
  2. Add an item and set Component to the target control (e.g. Panel1).
  3. Add constraints: set Width breakpoint and the Left, Width values to apply at that size.

React to size changes in code

ResponsiveManager1.OnChanged := procedure
begin
  // called after the manager applies a constraint set
end;

Trigger a manual update

ResponsiveManager1.Update;

The manager normally triggers automatically on OnResize.

Next steps

  • Guides — breakpoints, property mapping, the state manager, and design-time configuration.
  • API reference — full class reference.