{{:: ts('CiviCRM APIv4') }}{{ entity ? (' (' + entity + '::' + action + ')') : '' }}
</h1>
- <div class="api4-explorer-row">
- <form name="api4-explorer" class="panel panel-default explorer-params-panel">
+ <div class="api4-explorer-row crm-flex-box">
+ <form name="api4-explorer" class="panel panel-default explorer-params-panel crm-flex-2">
<div class="panel-heading">
<div class="form-inline">
<span ng-mouseenter="help('entity', paramDoc('$entity'))" ng-mouseleave="help()">
</div>
<div class="panel-body">
<div class="api4-input form-inline">
- <label class="form-control" ng-mouseenter="help(name, param)" ng-mouseleave="help()" ng-class="{'api4-option-selected': params[name]}" ng-repeat="(name, param) in ::getGenericParams(['bool'], false)">
- <input type="checkbox" id="api4-param-{{:: name }}" ng-model="params[name]"/>
- {{:: name }}<span class="crm-marker" ng-if="::param.required"> *</span>
- </label>
- <label class="form-control" ng-mouseenter="help('selectRowCount', availableParams.select)" ng-mouseleave="help()" ng-class="{'api4-option-selected': isSelectRowCount()}" ng-if="::availableParams.select">
- <input type="checkbox" id="api4-param-selectRowCount" ng-checked="isSelectRowCount()" ng-click="selectRowCount()" />
- SelectRowCount
- </label>
+ <div class="checkbox-inline form-control" ng-mouseenter="help(name, param)" ng-mouseleave="help()" ng-repeat="(name, param) in ::getGenericParams(['bool'], false)">
+ <label>
+ <input type="checkbox" id="api4-param-{{:: name }}" ng-model="params[name]"/>
+ <span>{{:: name }}</span><span class="crm-marker" ng-if="::param.required"> *</span>
+ </label>
+ </div>
+ <div class="checkbox-inline form-control" ng-mouseenter="help('selectRowCount', availableParams.select)" ng-mouseleave="help()" ng-if="::availableParams.select">
+ <label>
+ <input type="checkbox" id="api4-param-selectRowCount" ng-checked="isSelectRowCount()" ng-click="selectRowCount()" />
+ <span>SelectRowCount</span>
+ </label>
+ </div>
</div>
<div class="api4-input form-inline" ng-mouseenter="help(name, param)" ng-mouseleave="help()" ng-repeat="(name, param) in ::getGenericParams(['bool'], true)">
<label>{{ name }}<span class="crm-marker" ng-if="::param.required"> *</span></label>
</div>
</div>
</div>
- <div class="api4-explorer-row">
+ <div class="api4-explorer-row crm-flex-box">
<div class="panel panel-info explorer-code-panel">
<ul class="panel-heading nav nav-tabs">
<li role="presentation" ng-repeat="lang in ::langs" ng-class="{active: selectedTab.code === lang}">
</li>
</ul>
<div class="panel-body">
- <table>
- <tr ng-repeat="style in code[selectedTab.code]">
- <td>{{:: style.label }}</td>
- <td><pre class="prettyprint" ng-bind-html="style.code"></pre></td>
- </tr>
- </table>
+ <div ng-repeat="style in code[selectedTab.code]">
+ <label>{{:: style.label }}</label>
+ <div><pre class="prettyprint" ng-bind-html="style.code"></pre></div>
+ </div>
</div>
</div>
<div class="panel explorer-result-panel panel-{{ status }}" >