List Element (Unordered & Ordered)

purpose the list element allows you to display items in an ordered (numbered) or unordered (bulleted) format it supports both static and dynamic content — making it ideal for rendering text lists, task steps, or dynamically generated items from apis and workflows problem statement when building dynamic user interfaces, it’s often necessary to display lists of items (like names, steps, or messages) fetched from previous nodes or apis manually handling this with text blocks is inefficient and not scalable the list element solves this by automatically displaying dynamic or static lists requirements add the list element inside the creation engine — only then it appears in the rules engine choose list type bulleted (ul) or numbered (ol) for dynamic content , connect a data source (variable or previous node output) define an item template (how each list item should display) use cases display task steps in an ordered list show user names, emails, or product details from api responses list bullet points of information fetched dynamically display data driven instructions or summaries outcome displays a styled list (bulleted or numbered) populated either from static text or dynamic data sources, such as api results or workflow variables how to use add the list element drag and drop the list element into your page using the creation engine once added, it becomes available for linking and configuration in the rules engine choose list type select which type of list to display bulleted (ul) → unordered list (• item format) numbered (ol) → ordered list (1 , 2 , 3 format) enable dynamic content (optional) if you want to populate the list from a previous node’s result or an api, toggle dynamic content on then fill the following fields data source enter a variable reference from a previous node or helper output, such as {{dataflow\ getbynodeid('api 123')}} or {{apiresponse data}} this connects your list to the data you want to display item template define how each item should render use {{item}} for a simple list or map specific fields from your data source examples {{item}} → displays each array item directly {{item name}} → displays the name property from each object {{item title}} {{item status}} → custom formatted list entry