<?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 to add a row when a link(Icon) is clicked (not in grid)</title><link>https://community.appian.com/discussions/f/user-interface/13596/how-to-add-a-row-when-a-link-icon-is-clicked-not-in-grid</link><description>Hi All, 
 I am having a requirement like image 1 mentioned below 
 
 i have created a section(rule) which will have all the UI components as shown in the image 1.When the + icon gets clicked another row should get added and should display like image 2</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: How to add a row when a link(Icon) is clicked (not in grid)</title><link>https://community.appian.com/thread/61779?ContentTypeID=1</link><pubDate>Mon, 22 Oct 2018 09:48:33 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:ddc1c35a-40cd-4d54-b616-939bd8d10388</guid><dc:creator>pradeepb0001</dc:creator><description>Thank you @philips397 for your suggestions.&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to add a row when a link(Icon) is clicked (not in grid)</title><link>https://community.appian.com/thread/61778?ContentTypeID=1</link><pubDate>Mon, 22 Oct 2018 09:47:09 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:23bfc393-0d64-48d2-b76e-8e73fd49f1af</guid><dc:creator>pradeepb0001</dc:creator><description>Thank you Omere for your help and it really helped me.&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to add a row when a link(Icon) is clicked (not in grid)</title><link>https://community.appian.com/thread/61689?ContentTypeID=1</link><pubDate>Thu, 18 Oct 2018 16:07:08 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:03b3992e-2518-4cf1-8c0a-9fd46ec2f6a5</guid><dc:creator>omere0001</dc:creator><description>Here&amp;#39;s something along the lines of what you want. I think you have your gridrow configured correctly, so just focus on the image component.&lt;br /&gt;
&lt;br /&gt;
load(&lt;br /&gt;
  local!testCDT: type!CDTType(),&lt;br /&gt;
  {&lt;br /&gt;
    a!sectionLayout(&lt;br /&gt;
      label: &amp;quot;Section&amp;quot;,&lt;br /&gt;
      contents: {&lt;br /&gt;
        a!gridLayout(&lt;br /&gt;
          label: &amp;quot;Editable Grid&amp;quot;,&lt;br /&gt;
          labelPosition: &amp;quot;ABOVE&amp;quot;,&lt;br /&gt;
          headerCells: {&lt;br /&gt;
            a!gridLayoutHeaderCell(label: &amp;quot;Header Cell&amp;quot;)&lt;br /&gt;
          },&lt;br /&gt;
          rows: a!forEach(&lt;br /&gt;
            items: if(&lt;br /&gt;
              or(&lt;br /&gt;
                rule!APN_isEmpty(local!testCDT),&lt;br /&gt;
                count(local!testCDT) &amp;lt; 1&lt;br /&gt;
             ),&lt;br /&gt;
             {},&lt;br /&gt;
             1+enumerate(count(local!testCDT))&lt;br /&gt;
            ),&lt;br /&gt;
            expression: rule!/* your rule for your grid row layout here */&lt;br /&gt;
        ),&lt;br /&gt;
        a!imageField(&lt;br /&gt;
          images: {&lt;br /&gt;
            a!documentImage(&lt;br /&gt;
              document: a!iconIndicator(&amp;quot;ADD&amp;quot;),&lt;br /&gt;
              link: a!dynamicLink(&lt;br /&gt;
                value: local!testCDT,&lt;br /&gt;
                saveInto: a!save(local!testCDT, append(local!testCDT, type!CDTType())&lt;br /&gt;
              )&lt;br /&gt;
            )&lt;br /&gt;
          }&lt;br /&gt;
        )&lt;br /&gt;
      }&lt;br /&gt;
    )&lt;br /&gt;
  }&lt;br /&gt;
)&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to add a row when a link(Icon) is clicked (not in grid)</title><link>https://community.appian.com/thread/61686?ContentTypeID=1</link><pubDate>Thu, 18 Oct 2018 15:11:52 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:ea60fca0-2d85-4d48-92b2-1076b7ff7dc2</guid><dc:creator>pradeepb0001</dc:creator><description>@omere &amp;amp; @ Mike Schmitt&lt;br /&gt;
&lt;br /&gt;
Thank you for your suggestions.It will be helpful if you provide an example for adding an empty cdt type to a variable using dynamic link component.&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to add a row when a link(Icon) is clicked (not in grid)</title><link>https://community.appian.com/thread/61684?ContentTypeID=1</link><pubDate>Thu, 18 Oct 2018 14:54:04 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:fa58e8bf-0324-43cd-8857-aed805412b62</guid><dc:creator>Mike Schmitt</dc:creator><description>You can do this and many other things with a DynamicLink, which can be applied to any text, rich text, image, etc.  For what it&amp;#39;s worth, I strongly suggest (to everyone) to make all text links using only a!richTextDisplayField components now, as these are much more configurable and flexible than the old (and now pretty much useless) a!linkField component.  But I digress.&lt;br /&gt;
&lt;br /&gt;
For reference: &lt;a href="https://docs.appian.com/suite/help/18.2/Dynamic_Link_Component.html"&gt;docs.appian.com/.../Dynamic_Link_Component.html&lt;/a&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to add a row when a link(Icon) is clicked (not in grid)</title><link>https://community.appian.com/thread/61683?ContentTypeID=1</link><pubDate>Thu, 18 Oct 2018 14:25:01 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:d5c671df-839e-4c50-94d4-7995167380e9</guid><dc:creator>omere0001</dc:creator><description>Hi,&lt;br /&gt;
&lt;br /&gt;
The steps for adding a row using an image link are the same as using the addRowLink parameter in a!gridLayout(). On your image component, add a link that appends an empty CDT type to the variable you are using for your grid.&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>