<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.appian.com/cfs-file/__key/system/syndication/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>How delete a card from a list of cards</title><link>https://community.appian.com/discussions/f/user-interface/38122/how-delete-a-card-from-a-list-of-cards</link><description>Here now If I click on the delete icon, then it should disappear from the list. How achieve this ? The child component is cardlayout.</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: How delete a card from a list of cards</title><link>https://community.appian.com/thread/143484?ContentTypeID=1</link><pubDate>Mon, 09 Dec 2024 09:59:54 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:f2cb06c0-4c2a-4500-a7f0-065a665145a5</guid><dc:creator>Konduru Chaitanya</dc:creator><description>&lt;p&gt;As Soma mentioned you can simply use the remove() function to eliminate the item. In case you are planning to keep the item but not display on the screen when delete action is performed you may use any Boolean field to determine the status and display on conditional basis.&lt;pre class="ui-code" data-mode="text"&gt; a!save(fv!item.isActiv(field that hold the boolean value), false()) /*To display on conditional basis*/
                    a!save(local!data, remove(local!data, fv!index)) /*Remove the item from the list*/
                    
                    The above will be used in the saveInto parameter of the dynamic link given to the delete icon.&lt;/pre&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How delete a card from a list of cards</title><link>https://community.appian.com/thread/143482?ContentTypeID=1</link><pubDate>Mon, 09 Dec 2024 09:56:35 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:fc9ed5cc-6315-46e4-951f-3432b59209bf</guid><dc:creator>Prasanta Paul</dc:creator><description>&lt;p&gt;Can you please tell me what you want to delete?&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How delete a card from a list of cards</title><link>https://community.appian.com/thread/143481?ContentTypeID=1</link><pubDate>Mon, 09 Dec 2024 09:47:21 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:a09e0244-11e5-4c6a-be87-03ec9cf353bd</guid><dc:creator>Stefan Helzle</dc:creator><description>&lt;p&gt;You will have to pass the data into the child component using a rule input. Then you can manipulate the data living in the parent component from the child.&lt;/p&gt;
&lt;p&gt;Blog post:&amp;nbsp;&lt;a href="https://appian.rocks/2022/07/05/data-in-interfaces/"&gt;appian.rocks/.../&lt;/a&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How delete a card from a list of cards</title><link>https://community.appian.com/thread/143480?ContentTypeID=1</link><pubDate>Mon, 09 Dec 2024 09:29:16 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:0f1bf334-d977-494f-8f76-bf17a4eed5eb</guid><dc:creator>Sowvik Roy</dc:creator><description>&lt;p&gt;The implementation is very simple on the parent component iterate&amp;nbsp;the foreach and build the child component. Now the delete button is on the child component on click of the delete button how to remove the item from the list that uses in for-each in the parent component.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How delete a card from a list of cards</title><link>https://community.appian.com/thread/143479?ContentTypeID=1</link><pubDate>Mon, 09 Dec 2024 09:25:29 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:4f2fa073-73ab-4088-ad91-d95c96707249</guid><dc:creator>Soma</dc:creator><description>&lt;p&gt;Not sure how you have implemented it, but if you are using foreach() you can use remove() function to remove the particular item using fv!index or fv!item the list upon which the UI is iterating.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>