Getting Started with TMS FNC List Editor

Prerequisites

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

Steps

1. Drop a TTMSFNCListEditor onto a form.
2. Add items through the Items collection.
3. Use ItemAppearance to style normal and selected item states.
4. Assign a BitmapContainer when items use LeftImageName or RightImageName.
5. Handle item and editor events when insertion, deletion, or text updates need validation.

Populate list editor itemsPascalC++

procedure TForm1.ConfigureListEditor;
var
  itm: TTMSFNCCustomListEditorItem;
begin
  TMSFNCListEditor1.Items.Clear;

  itm := TMSFNCListEditor1.Items.Add;
  itm.Text := 'alice@example.com';
  itm.Value := 'alice';

  itm := TMSFNCListEditor1.Items.Add;
  itm.Text := 'bob@example.com';
  itm.Value := 'bob';
end;

void __fastcall TForm1::ConfigureListEditor()
{
  TTMSFNCCustomListEditorItem *itm;

  TMSFNCListEditor1->Items->Clear();

  itm = TMSFNCListEditor1->Items->Add();
  itm->Text = "alice@example.com";
  itm->Value = "alice";

  itm = TMSFNCListEditor1->Items->Add();
  itm->Text = "bob@example.com";
  itm->Value = "bob";
}

Next steps

• Guides
• API reference