Answers.Body: <p>There is no UI to do this, but you can use the <em>Form Code Editor</em> extension, which ships with CiviCRM.</p>
  <ul>
  <li>Go to <strong>Administer menu » System Settings » Extensions</strong> and enable the <em>Form Code Editor</em> extension.</li>
  <li>Go to <a href="https://example.org/civicrm/admin/afform-html" rel="nofollow noreferrer">https://example.org/civicrm/admin/afform-html</a>. (For Drupal/Backdrop, WP is slightly different).</li>
  <li>Click on the name of the Form Builder form you wish to edit.</li>
  </ul>
  <p>You now have an interface to edit the HTML of the Form Builder form directly.</p>
  <ul>
  <li>Get the URL for the page you want to link to, in my case: <code>https://example.org/civicrm/activity/add?action=add&amp;reset=1&amp;cid=12345&amp;selectedChild=activity&amp;atype=74</code>.</li>
  <li>Remove the domain name and protocol so it's more portable, and substitute the hard-coded contact ID with the appropriate token.  It should then read: <code>/civicrm/activity/add?action=add&amp;reset=1&amp;cid={{options.contact_id}}&amp;selectedChild=activity&amp;atype=74</code></li>
  <li>Use standard HTML to add the link to the page.  You can use Bootstrap classes to make things look more like the rest of CiviCRM.  In my case, the full HTML I added was:</li>
  </ul>
  <pre><code>&lt;a class=&quot;btn btn-primary&quot; href=&quot;/civicrm/activity/add?action=add&amp;reset=1&amp;cid={{options.contact_id}}&amp;selectedChild=activity&amp;atype=74&quot;&gt;Add Potential Volunteer Record&lt;/a&gt;
  </code></pre>
  <ul>
  <li>Don't forget to <strong>clear your CiviCRM cache</strong>.</li>
  </ul>
  <p>When you're done, it will look like this:
  <a href="https://i.sstatic.net/AuJzj.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/AuJzj.png" alt="enter image description here" /></a></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-03-08T09:01:19.463Z
Answers.Text: thanks Jon. This is really inspiring!
Answers.UserDisplayName: Guillaume Sorel
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-03-10T08:28:33.163Z
Answers.Text: what is the need to use 2 brackets around the token: `{{options.contact_id}}`?
Answers.UserDisplayName: Guillaume Sorel
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-03-10T19:01:42.280Z
Answers.Text: This in AngularJS syntax.
Answers.UserDisplayName: Jon G - Megaphone Tech
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-03-14T08:48:15.963Z
Answers.Text: thanks Jon, important to know.
Answers.UserDisplayName: Guillaume Sorel
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-06-06T05:10:49.193Z
Answers.Text: Hi, how do you know that {{options.contact_id}} is a token that is available? Is there a list of these?
Answers.UserDisplayName: Ken West
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-03-07T16:50:05.757Z
Answers.LastActivityDate: 2022-03-08T15:21:57.900Z
Answers.LastEditDate: 2022-03-08T15:21:57.900Z
Answers.UserDisplayName: Jon G - Megaphone Tech
Body: <p>I've created a Search Kit that shows only activities of a particular type, and I use Form Builder to build a tab on a contact record with this search.  This is very helpful, but we want an &quot;Add Record&quot; button at the bottom of the tab.  How can I do this?</p>
  
Tags: <searchkit><formbuilder>
Title: How can I place an "Add Record" button on a contact tab built with Search Kit?
ThreadText: # How can I place an "Add Record" button on a contact tab built with Search Kit?
  
  (Asked by: username_0 on 2022-03-07)
  
  I've created a Search Kit that shows only activities of a particular type, and I use Form Builder to build a tab on a contact record with this search. This is very helpful, but we want an "Add Record" button at the bottom of the tab. How can I do this?
  
  **Tags:** searchkit, formbuilder
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_0 on 2022-03-07. Score: 5
  
  There is no UI to do this, but you can use the Form Code Editor extension, which ships with CiviCRM.
  
  Go to Administer menu » System Settings » Extensions and enable the Form Code Editor extension.
  Go to https://example.org/civicrm/admin/afform-html. (For Drupal/Backdrop, WP is slightly different).
  Click on the name of the Form Builder form you wish to edit.
  
  You now have an interface to edit the HTML of the Form Builder form directly.
  
  Get the URL for the page you want to link to, in my case: https://example.org/civicrm/activity/add?action=add&reset=1&cid=12345&selectedChild=activity&atype=74.
  Remove the domain name and protocol so it's more portable, and substitute the hard-coded contact ID with the appropriate token.  It should then read: /civicrm/activity/add?action=add&reset=1&cid={{options.contact_id}}&selectedChild=activity&atype=74
  Use standard HTML to add the link to the page.  You can use Bootstrap classes to make things look more like the rest of CiviCRM.  In my case, the full HTML I added was:
  
  Add Potential Volunteer Record
  
  
  Don't forget to clear your CiviCRM cache.
  
  When you're done, it will look like this:
  
  > **Comments:**
  > **username_1**: thanks Jon. This is really inspiring!  
  > **username_1**: what is the need to use 2 brackets around the token: `{{options.contact_id}}`?  
  > **username_0**: This in AngularJS syntax.  
  > **username_1**: thanks Jon, important to know.  
  > **username_2**: Hi, how do you know that {{options.contact_id}} is a token that is available? Is there a list of these?  
  
  ---
  
  