TTMSFNCResponsiveList.Conditions Property

Holds the set of size-based conditions that determine which layout template is applied at the current width and height.

API unit family: TMSFNCResponsiveList Declaring type: TTMSFNCResponsiveList Type: TResponsiveConditions

Syntax

FMX.TMSFNCResponsiveList.hppPascalC++

property Conditions: TResponsiveConditions;

__property TResponsiveConditions* Conditions = {read=FConditions, write=SetConditions};

Usage examples

Configure responsive conditions and items

Defines narrow and wide layout conditions, then adds two item cards with headers, content, and footer text.

Configure responsive conditions and itemsPascalC++

procedure TForm1.ConfigureResponsiveList;
var
  Condition: TResponsiveCondition;
  Item: TResponsiveListItem;
begin
  TMSFNCResponsiveList1.Conditions.Clear;

  Condition := TMSFNCResponsiveList1.Conditions.Add;
  Condition.WidthFrom := 0;
  Condition.WidthTo := 320;
  Condition.Columns := 1;
  Condition.ItemHeight := 140;

  Condition := TMSFNCResponsiveList1.Conditions.Add;
  Condition.WidthFrom := 321;
  Condition.WidthTo := -1;
  Condition.Columns := 3;
  Condition.ItemHeight := 140;

  TMSFNCResponsiveList1.Items.Clear;

  Item := TMSFNCResponsiveList1.Items.Add;
  Item.HeaderText := 'Support';
  Item.Content := '<b>Open tickets</b><br>12 items need review';
  Item.FooterText := 'Updated today';

  Item := TMSFNCResponsiveList1.Items.Add;
  Item.HeaderText := 'Sales';
  Item.Content := '<b>Pipeline</b><br>4 opportunities closing';
  Item.FooterText := 'This week';
end;

void __fastcall TForm1::ConfigureResponsiveList()
{
  TResponsiveCondition *Condition;
  TResponsiveListItem *Item;

  TMSFNCResponsiveList1->Conditions->Clear();

  Condition = TMSFNCResponsiveList1->Conditions->Add();
  Condition->WidthFrom = 0;
  Condition->WidthTo = 320;
  Condition->Columns = 1;
  Condition->ItemHeight = 140;

  Condition = TMSFNCResponsiveList1->Conditions->Add();
  Condition->WidthFrom = 321;
  Condition->WidthTo = -1;
  Condition->Columns = 3;
  Condition->ItemHeight = 140;

  TMSFNCResponsiveList1->Items->Clear();

  Item = TMSFNCResponsiveList1->Items->Add();
  Item->HeaderText = "Support";
  Item->Content = "<b>Open tickets</b><br>12 items need review";
  Item->FooterText = "Updated today";

  Item = TMSFNCResponsiveList1->Items->Add();
  Item->HeaderText = "Sales";
  Item->Content = "<b>Pipeline</b><br>4 opportunities closing";
  Item->FooterText = "This week";
}

Read the related guide