TTMSFNCResponsiveList.Items Property

Collection of items displayed by the list.

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

Syntax

FMX.TMSFNCResponsiveList.hppPascalC++

property Items: TResponsiveListItems;

__property TResponsiveListItems* Items = {read=FListItems, write=SetItems};

Usage examples

Use item values with responsive templates

Stores named values on each item and switches templates between narrow and wide layout conditions.

Use item values with responsive templatesPascalC++

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

  Condition := TMSFNCResponsiveList1.Conditions.Add;
  Condition.WidthFrom := 0;
  Condition.WidthTo := 360;
  Condition.Columns := 1;
  Condition.Template := '<b>%TITLE</b><br>%PRICE';

  Condition := TMSFNCResponsiveList1.Conditions.Add;
  Condition.WidthFrom := 361;
  Condition.WidthTo := -1;
  Condition.Columns := 2;
  Condition.Template := '<b>%TITLE</b><br>%PRICE<br>%DESCRIPTION';

  Item := TMSFNCResponsiveList1.Items.Add;
  Item.Values['TITLE'] := 'Service Plan';
  Item.Values['PRICE'] := '$49';
  Item.Values['DESCRIPTION'] := 'Includes priority support and monthly reporting.';
end;

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

  TMSFNCResponsiveList1->Conditions->Clear();

  Condition = TMSFNCResponsiveList1->Conditions->Add();
  Condition->WidthFrom = 0;
  Condition->WidthTo = 360;
  Condition->Columns = 1;
  Condition->Template = "<b>%TITLE</b><br>%PRICE";

  Condition = TMSFNCResponsiveList1->Conditions->Add();
  Condition->WidthFrom = 361;
  Condition->WidthTo = -1;
  Condition->Columns = 2;
  Condition->Template = "<b>%TITLE</b><br>%PRICE<br>%DESCRIPTION";

  Item = TMSFNCResponsiveList1->Items->Add();
  Item->Values["TITLE"] = System::UnicodeString("Service Plan");
  Item->Values["PRICE"] = System::UnicodeString("$49");
  Item->Values["DESCRIPTION"] = System::UnicodeString("Includes priority support and monthly reporting.");
}

Read the related guide