CRM-17795 - Collapse join list in UI to be less obtrusive

diff --git a/js/Common.js b/js/Common.js
index 6f4b189fdf5fbc002171d03e22eb93b3e67ac242..d821767a7738a07c518e635a1d84d2d71347260d 100644 (file)
--- a/js/Common.js
+++ b/js/Common.js
@@ -1427,7 +1427,7 @@ if (!CRM.vars) CRM.vars = {};
       })
 
       // Allow normal clicking of links within accordions
-      .on('click.crmAccordions', 'div.crm-accordion-header a', function (e) {
+      .on('click.crmAccordions', 'div.crm-accordion-header a, .collapsible-title a', function (e) {
         e.stopPropagation();
       })
       // Handle accordions

diff --git a/templates/CRM/Admin/Page/APIExplorer.tpl b/templates/CRM/Admin/Page/APIExplorer.tpl
index eb9b98dd3ad0ab5e0654e7c13a8ad3d7c05359cc..e709acf3c0d639a5ed541c38dccf03e7601c1fb5 100644 (file)
--- a/templates/CRM/Admin/Page/APIExplorer.tpl
+++ b/templates/CRM/Admin/Page/APIExplorer.tpl
@@ -205,8 +205,8 @@
         <input type="checkbox" class="crm-form-checkbox api-param-checkbox api-input" id="sequential-checkbox" name="sequential" checked="checked" value="1">sequential
       </label>
 
-      <div id="api-join" class="crm-form-block" style="display:none;">
-        <h4>{ts}Join On{/ts} {help id='api-join'}</h4>
+      <div id="api-join" class="crm-form-block crm-collapsible collapsed" style="display:none;">
+        <h4 class="collapsible-title">{ts}Join on:{/ts} {help id='api-join'}</h4>
         <div></div>
       </div>