Skip to main content
Table of Contents

Getting Started with TMS FNC Tile List

TTMSFNCTileList displays items as a configurable tile grid with pagination, scrolling, orientation, and optional drag-to-reorder.

TTMSFNCTileList default 3×3 tile grid

Prerequisites

  • Delphi with TMS FNC UI Pack installed.
  • A VCL, FMX, or WEB application.

Steps

1. Drop the component

Drop a TTMSFNCTileList onto a form.

2. Set the grid size

Inline example 1PascalC++
TMSFNCTileList1.Rows    := 2;
TMSFNCTileList1.Columns := 4;

TMSFNCTileList1->Rows = 2;
TMSFNCTileList1->Columns = 4;

3. Add tiles

Inline example 2PascalC++
TMSFNCTileList1.BeginUpdate;
with TMSFNCTileList1.Items.Add do
begin
  Title       := 'My Tile';
  Description := 'Subtitle text';
end;
TMSFNCTileList1.EndUpdate;

TMSFNCTileList1->BeginUpdate();
auto Tile = TMSFNCTileList1->Items->Add();
Tile->Title = L"My Tile";
Tile->Description = L"Subtitle text";
TMSFNCTileList1->EndUpdate();

4. Handle selection

Inline example 3PascalC++
procedure TForm1.TMSFNCTileList1ItemSelected(Sender: TObject;
  AItemIndex: Integer);
begin
  ShowMessage(TMSFNCTileList1.Items[AItemIndex].Title + ' selected');
end;

void __fastcall TForm1::TMSFNCTileList1ItemSelected(TObject *Sender,
  int AItemIndex)
{
  ShowMessage(TMSFNCTileList1->Items->Items[AItemIndex]->Title + L" selected");
}

Next steps