diff --git a/client/web/compose/src/components/PageBlocks/RecordListBase.vue b/client/web/compose/src/components/PageBlocks/RecordListBase.vue
index 895bc30b0..49e1e227c 100644
--- a/client/web/compose/src/components/PageBlocks/RecordListBase.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordListBase.vue
@@ -417,7 +417,7 @@
                   />
                   <div
                     v-if="options.inlineRecordEditEnabled && field.canEdit"
-                    class="inline-actions ml-auto"
+                    class="inline-actions"
                   >
                     <b-button
                       :title="$t('recordList.inlineEdit.button.title')"
@@ -612,112 +612,105 @@
     </template>
 
     <template
-      v-if="showFooter"
       #footer
     >
-      <b-container
-        fluid
-        class="m-0 p-2"
+      <div
+        v-if="showFooter"
+        class="d-flex align-items-center justify-content-between p-2"
       >
-        <b-row
-          align-v="stretch"
-          no-gutters
-        >
-          <b-col class="d-flex align-items-center justify-content-start">
-            <div class="text-truncate">
-              <div
-                v-if="options.showTotalCount"
-                class="ml-2 text-nowrap my-1"
-              >
-                <span
-                  v-if="pagination.count > options.perPage"
-                  data-test-id="pagination-range"
-                >
-                  {{ $t('recordList.pagination.showing', getPagination) }}
-                </span>
-                <span
-                  v-else
-                  data-test-id="pagination-single-number"
-                >
-                  {{ $t('recordList.pagination.single', getPagination) }}
-                </span>
-              </div>
-            </div>
-          </b-col>
-
-          <b-col
-            v-if="showPageNavigation"
-            class="d-flex align-items-center justify-content-end"
+        <div class="text-truncate">
+          <div
+            v-if="options.showTotalCount"
+            class="ml-2 text-nowrap my-1"
           >
-            <b-pagination
-              v-if="options.fullPageNavigation"
-              data-test-id="pagination"
-              align="right"
-              aria-controls="record-list"
-              class="m-0 d-print-none"
-              pills
-              :value="getPagination.page"
-              :per-page="getPagination.perPage"
-              :total-rows="getPagination.count"
-              @change="goToPage"
+            <span
+              v-if="pagination.count > options.perPage"
+              data-test-id="pagination-range"
             >
-              <template #first-text>
-                <font-awesome-icon :icon="['fas', 'angle-double-left']" />
-              </template>
-              <template #prev-text>
-                <font-awesome-icon :icon="['fas', 'angle-left']" />
-              </template>
-              <template #next-text>
-                <font-awesome-icon :icon="['fas', 'angle-right']" />
-              </template>
-              <template #last-text>
-                <font-awesome-icon :icon="['fas', 'angle-double-right']" />
-              </template>
-              <template #elipsis-text>
-                <font-awesome-icon :icon="['fas', 'ellipsis-h']" />
-              </template>
-            </b-pagination>
+              {{ $t('recordList.pagination.showing', getPagination) }}
+            </span>
+            <span
+              v-else
+              data-test-id="pagination-single-number"
+            >
+              {{ $t('recordList.pagination.single', getPagination) }}
+            </span>
+          </div>
+        </div>
 
-            <b-button-group v-else>
-              <b-button
-                :disabled="!hasPrevPage"
-                data-test-id="first-page"
-                variant="outline-light"
-                class="d-flex align-items-center justify-content-center text-primary border-0"
-                @click="goToPage()"
-              >
-                <font-awesome-icon :icon="['fas', 'angle-double-left']" />
-              </b-button>
-              <b-button
-                :disabled="!hasPrevPage"
-                data-test-id="previous-page"
-                variant="outline-light"
-                class="d-flex align-items-center justify-content-center text-primary border-0"
-                @click="goToPage('prevPage')"
-              >
-                <font-awesome-icon
-                  :icon="['fas', 'angle-left']"
-                  class="mr-1"
-                />
-                {{ $t('recordList.pagination.prev') }}
-              </b-button>
-              <b-button
-                :disabled="!hasNextPage"
-                data-test-id="next-page"
-                variant="outline-light"
-                class="d-flex align-items-center justify-content-center text-primary border-0"
-                @click="goToPage('nextPage')"
-              >
-                {{ $t('recordList.pagination.next') }}
-                <font-awesome-icon
-                  :icon="['fas', 'angle-right']"
-                  class="ml-1"
-                />
-              </b-button>
-            </b-button-group>
-          </b-col>
-        </b-row>
-      </b-container>
+        <div
+          v-if="showPageNavigation"
+          class="d-flex align-items-center justify-content-end"
+        >
+          <b-pagination
+            v-if="options.fullPageNavigation"
+            data-test-id="pagination"
+            align="right"
+            aria-controls="record-list"
+            class="m-0 d-print-none"
+            pills
+            :disabled="processing"
+            :value="getPagination.page"
+            :per-page="getPagination.perPage"
+            :total-rows="getPagination.count"
+            @change="goToPage"
+          >
+            <template #first-text>
+              <font-awesome-icon :icon="['fas', 'angle-double-left']" />
+            </template>
+            <template #prev-text>
+              <font-awesome-icon :icon="['fas', 'angle-left']" />
+            </template>
+            <template #next-text>
+              <font-awesome-icon :icon="['fas', 'angle-right']" />
+            </template>
+            <template #last-text>
+              <font-awesome-icon :icon="['fas', 'angle-double-right']" />
+            </template>
+            <template #elipsis-text>
+              <font-awesome-icon :icon="['fas', 'ellipsis-h']" />
+            </template>
+          </b-pagination>
+
+          <b-button-group v-else>
+            <b-button
+              :disabled="!hasPrevPage || processing"
+              data-test-id="first-page"
+              variant="outline-light"
+              class="d-flex align-items-center justify-content-center text-primary border-0"
+              @click="goToPage()"
+            >
+              <font-awesome-icon :icon="['fas', 'angle-double-left']" />
+            </b-button>
+            <b-button
+              :disabled="!hasPrevPage || processing"
+              data-test-id="previous-page"
+              variant="outline-light"
+              class="d-flex align-items-center justify-content-center text-primary border-0"
+              @click="goToPage('prevPage')"
+            >
+              <font-awesome-icon
+                :icon="['fas', 'angle-left']"
+                class="mr-1"
+              />
+              {{ $t('recordList.pagination.prev') }}
+            </b-button>
+            <b-button
+              :disabled="!hasNextPage || processing"
+              data-test-id="next-page"
+              variant="outline-light"
+              class="d-flex align-items-center justify-content-center text-primary border-0"
+              @click="goToPage('nextPage')"
+            >
+              {{ $t('recordList.pagination.next') }}
+              <font-awesome-icon
+                :icon="['fas', 'angle-right']"
+                class="ml-1"
+              />
+            </b-button>
+          </b-button-group>
+        </div>
+      </div>
     </template>
   </wrap>
 </template>
@@ -1344,13 +1337,13 @@ export default {
       this.processing = false
     },
 
-    async handleRowClicked ({ r: { recordID } }) {
+    handleRowClicked ({ r: { recordID } }) {
       if ((this.options.editable && this.editing) || (!this.recordPageID && !this.options.rowViewUrl)) {
         return
       }
 
       if (this.options.enableRecordPageNavigation) {
-        await this.loadPaginationRecords({
+        this.loadPaginationRecords({
           filter: {
             ...this.filter,
             limit: Math.min(this.pagination.count, 100),
diff --git a/client/web/compose/src/components/PageBlocks/RecordListConfigurator.vue b/client/web/compose/src/components/PageBlocks/RecordListConfigurator.vue
index bd54c36a7..02b67d02d 100644
--- a/client/web/compose/src/components/PageBlocks/RecordListConfigurator.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordListConfigurator.vue
@@ -32,6 +32,7 @@
           </b-col>
 
           <b-col
+            v-if="onRecordPage || options.editable"
             cols="12"
             md="6"
           >
@@ -49,666 +50,667 @@
         </b-row>
       </div>
 
-      <hr v-if="recordListModule">
+      <template v-if="recordListModule">
+        <hr>
 
-      <div
-        v-if="recordListModule"
-        class="px-3"
-      >
-        <div class="mb-3">
-          <h5 class="mb-1">
-            {{ $t('module:general.fields') }}
-          </h5>
-          <small class="text-muted">
-            {{ $t('recordList.moduleFieldsFootnote') }}
-          </small>
+        <div class="px-3">
+          <div class="mb-3">
+            <h5 class="mb-1">
+              {{ $t('module:general.fields') }}
+            </h5>
+            <small class="text-muted">
+              {{ $t('recordList.moduleFieldsFootnote') }}
+            </small>
+          </div>
+
+          <b-row>
+            <b-col
+              cols="12"
+            >
+              <field-picker
+                :module="recordListModule"
+                :fields.sync="options.fields"
+                style="height: 40vh;"
+              />
+            </b-col>
+          </b-row>
         </div>
 
-        <b-row>
-          <b-col
-            cols="12"
+        <hr>
+
+        <div
+          v-if="options.editable"
+          class="px-3"
+        >
+          <h5 class="mb-3">
+            {{ $t('recordList.record.inlineEditor') }}
+          </h5>
+
+          <b-form-group
+            v-if="recordListModule && options.editable"
+            :label="$t('recordList.editFields')"
+            class="mb-0 text-primary"
           >
             <field-picker
               :module="recordListModule"
-              :fields.sync="options.fields"
+              :fields.sync="options.editFields"
+              :field-subset="options.fields"
+              disable-system-fields
               style="height: 40vh;"
             />
-          </b-col>
-        </b-row>
-      </div>
+          </b-form-group>
 
-      <hr>
-
-      <div
-        v-if="options.editable"
-        class="px-3"
-      >
-        <h5 class="mb-3">
-          {{ $t('recordList.record.inlineEditor') }}
-        </h5>
-
-        <b-form-group
-          v-if="recordListModule && options.editable"
-          :label="$t('recordList.editFields')"
-          class="mb-0 text-primary"
-        >
-          <field-picker
-            :module="recordListModule"
-            :fields.sync="options.editFields"
-            :field-subset="options.fields"
-            disable-system-fields
-            style="height: 40vh;"
-          />
-        </b-form-group>
-
-        <b-row
-          class="mt-3"
-        >
-          <b-col
-            cols="12"
-            md="6"
+          <b-row
+            class="mt-3"
           >
-            <b-form-group
-              :label="$t('recordList.refField.label')"
-              label-class="text-primary"
+            <b-col
+              cols="12"
+              md="6"
             >
-              <b-form-select
-                v-model="options.refField"
-                required
+              <b-form-group
+                :label="$t('recordList.refField.label')"
+                label-class="text-primary"
               >
-                <option :value="undefined">
-                  {{ $t('general.label.none') }}
-                </option>
-
-                <option
-                  v-for="field in parentFields"
-                  :key="field.fieldID"
-                  :value="field.name"
+                <b-form-select
+                  v-model="options.refField"
+                  required
                 >
-                  {{ field.name }}
-                </option>
-              </b-form-select>
+                  <option :value="undefined">
+                    {{ $t('general.label.none') }}
+                  </option>
 
-              <b-form-text class="text-secondary small">
-                {{ $t('recordList.refField.footnote') }}
-              </b-form-text>
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.positionField.label')"
-              label-class="text-primary"
-            >
-              <b-form-select v-model="options.positionField">
-                <option :value="undefined">
-                  {{ $t('general.label.none') }}
-                </option>
-
-                <option
-                  v-for="field in positionFields"
-                  :key="field.fieldID"
-                  :value="field.name"
-                >
-                  {{ field.label || field.name }}
-                </option>
-              </b-form-select>
-
-              <b-form-text class="text-secondary small">
-                {{ $t('recordList.positionField.footnote') }}
-              </b-form-text>
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-          >
-            <b-form-group
-              v-if="options.positionField"
-              :label="$t('recordList.record.draggable')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.draggable"
-                switch
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-        </b-row>
-      </div>
-
-      <hr v-if="options.editable">
-
-      <div
-        class="px-3"
-      >
-        <h5 class="mb-3">
-          {{ $t('recordList.record.prefilterLabel') }}
-        </h5>
-
-        <b-row>
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.filterHide')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.hideFiltering"
-                switch
-                invert
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.prefilterHideSearch')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.hideSearch"
-                switch
-                invert
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-        </b-row>
-
-        <b-row>
-          <b-col>
-            <b-form-group
-              :label="$t('recordList.record.prefilterCommand')"
-              label-class="text-primary"
-            >
-              <b-form-textarea
-                v-model="options.prefilter"
-                :placeholder="$t('recordList.record.prefilterPlaceholder')"
-              />
-              <b-form-text>
-                <i18next
-                  path="recordList.record.prefilterFootnote"
-                  tag="label"
-                >
-                  <code>${recordID}</code>
-
-                  <code>${ownerID}</code>
-
-                  <code>${userID}</code>
-                </i18next>
-              </b-form-text>
-            </b-form-group>
-          </b-col>
-        </b-row>
-
-        <b-row>
-          <b-col>
-            <b-form-group
-              :label="$t('recordList.filter.presets')"
-            >
-              <b-table-simple
-                v-if="recordListModule"
-                borderless
-                small
-                responsive="lg"
-                class="mb-1"
-              >
-                <b-thead>
-                  <b-tr>
-                    <b-th
-                      class="text-primary"
-                      style="min-width: 300px;"
-                    >
-                      {{ $t('recordList.filter.name.label') }}
-                    </b-th>
-                    <b-th
-                      class="text-primary"
-                      style="width: 45%; min-width: 250px;"
-                    >
-                      {{ $t('recordList.filter.role.label') }}
-                    </b-th>
-
-                    <b-th
-                      style="width: 100px;"
-                    />
-                  </b-tr>
-                </b-thead>
-                <b-tbody>
-                  <b-tr
-                    v-for="(filter, index) in options.filterPresets"
-                    :key="index"
+                  <option
+                    v-for="field in parentFields"
+                    :key="field.fieldID"
+                    :value="field.name"
                   >
-                    <b-td>
-                      <b-input-group>
-                        <b-form-input
-                          v-model="filter.name"
-                          :placeholder="$t('recordList.filter.name.placeholder')"
-                        />
+                    {{ field.name }}
+                  </option>
+                </b-form-select>
 
-                        <b-input-group-append class="border-0">
-                          <record-list-filter
-                            class="d-print-none"
-                            :target="`record-filter-${index}`"
-                            :namespace="namespace"
-                            :module="recordListModule"
-                            :selected-field="recordListModule.fields[0]"
-                            :record-list-filter="filter.filter"
-                            variant="primary"
-                            button-class="px-2 pt-2 text-white"
-                            button-style="padding-bottom: calc(0.5rem - 2px);"
-                            @filter="(filter) => onFilter(filter, index)"
-                          />
-                        </b-input-group-append>
-                      </b-input-group>
-                    </b-td>
+                <b-form-text class="text-secondary small">
+                  {{ $t('recordList.refField.footnote') }}
+                </b-form-text>
+              </b-form-group>
+            </b-col>
 
-                    <b-td>
-                      <vue-select
-                        v-model="filter.roles"
-                        :options="roleOptions"
-                        :get-option-label="getRoleLabel"
-                        :get-option-key="getOptionKey"
-                        :placeholder="$t('recordList.filter.role.placeholder')"
-                        :reduce="role => role.roleID"
-                        :calculate-position="calculateDropdownPosition"
-                        append-to-body
-                        multiple
-                        class="bg-white"
-                      />
-                    </b-td>
-
-                    <b-td
-                      class="text-center align-middle pr-2"
-                    >
-                      <c-input-confirm
-                        @confirmed="options.filterPresets.splice(index, 1)"
-                      />
-                    </b-td>
-                  </b-tr>
-                </b-tbody>
-              </b-table-simple>
-
-              <b-button
-                variant="primary"
-                size="sm"
-                class="ml-1"
-                @click="addFilterPreset"
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.positionField.label')"
+                label-class="text-primary"
               >
-                {{ $t('recordList.filter.addFilter') }}
-              </b-button>
-            </b-form-group>
-          </b-col>
-        </b-row>
-      </div>
-      <hr>
+                <b-form-select v-model="options.positionField">
+                  <option :value="undefined">
+                    {{ $t('general.label.none') }}
+                  </option>
 
-      <div
-        v-if="!options.positionField"
-        class="px-3"
-      >
-        <h5 class="mb-3">
-          {{ $t('recordList.record.presortLabel') }}
-        </h5>
-        <b-row class="mb-3">
-          <b-col>
-            <b-form-group
-              :label="$t('recordList.record.presortHideSort')"
-              label-class="text-primary"
+                  <option
+                    v-for="field in positionFields"
+                    :key="field.fieldID"
+                    :value="field.name"
+                  >
+                    {{ field.label || field.name }}
+                  </option>
+                </b-form-select>
+
+                <b-form-text class="text-secondary small">
+                  {{ $t('recordList.positionField.footnote') }}
+                </b-form-text>
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
             >
-              <c-input-checkbox
-                v-model="options.hideSorting"
-                switch
-                invert
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-        </b-row>
+              <b-form-group
+                v-if="options.positionField"
+                :label="$t('recordList.record.draggable')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.draggable"
+                  switch
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+          </b-row>
+        </div>
 
-        <b-row>
-          <b-col>
-            <b-form-group
-              :label="$t('recordList.record.presortInputLabel')"
-              label-class="text-primary"
-            >
-              <c-input-presort
-                v-model="options.presort"
-                :fields="recordListModuleFields"
-                :labels="{
-                  add: $t('general:label.add'),
-                  ascending: $t('general:label.ascending'),
-                  descending: $t('general:label.descending'),
-                  none: $t('general:label.none'),
-                  placeholder: $t('recordList.record.presortPlaceholder'),
-                  footnote: $t('recordList.record.presortFootnote'),
-                  toggleInput: $t('recordList.record.presortToggleInput'),
-                }"
-                allow-text-input
-                class="mb-2"
-              />
-            </b-form-group>
-          </b-col>
-        </b-row>
-      </div>
-      <hr v-if="!options.positionField">
+        <hr v-if="options.editable">
 
-      <div class="px-3">
-        <h5 class="mb-3">
-          {{ $t('recordList.record.pagingLabel') }}
-        </h5>
-
-        <b-row
-          class="mb-3"
+        <div
+          class="px-3"
         >
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.hidePaging')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.hidePaging"
-                switch
-                invert
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
+          <h5 class="mb-3">
+            {{ $t('recordList.record.prefilterLabel') }}
+          </h5>
 
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              horizontal
-              breakpoint="md"
-              :label="$t('recordList.record.perPage')"
-              label-class="text-primary"
+          <b-row>
+            <b-col
+              cols="12"
+              md="6"
             >
-              <b-form-input
-                v-model.number="options.perPage"
-                data-test-id="input-records-per-page"
-                type="number"
-                class="mb-2"
-              />
-            </b-form-group>
-          </b-col>
-        </b-row>
-
-        <b-row>
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.fullPageNavigation')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.fullPageNavigation"
-                switch
-                :labels="checkboxLabel"
-                data-test-id="hide-page-navigation"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.showTotalCount')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.showTotalCount"
-                data-test-id="show-total-record-count"
-                switch
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-        </b-row>
-      </div>
-
-      <div
-        class="px-3"
-      >
-        <h5 class="mb-3">
-          {{ $t('recordList.record.recordsLabel') }}
-        </h5>
-
-        <b-row>
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.recordDisplayOptions')"
-              label-class="text-primary"
-            >
-              <b-form-select
-                v-model="options.recordDisplayOption"
-                :options="recordDisplayOptions"
-              />
-            </b-form-group>
-          </b-col>
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.recordSelectorDisplayOptions')"
-              label-class="text-primary"
-            >
-              <b-form-select
-                v-model="options.recordSelectorDisplayOption"
-                :options="recordDisplayOptions"
-              />
-            </b-form-group>
-          </b-col>
-        </b-row>
-
-        <b-row>
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.hideAddButton')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.hideAddButton"
-                switch
-                invert
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.selectable')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.selectable"
-                switch
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            v-if="onRecordPage"
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.linkToParent')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.linkToParent"
-                switch
-                invert
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.hideImportButton')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.hideImportButton"
-                switch
-                invert
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.export.allow')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.allowExport"
-                switch
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.inlineEdit.enabled')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.inlineRecordEditEnabled"
-                switch
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.enableBulkRecordEdit')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.bulkRecordEditEnabled"
-                switch
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.enableRecordPageNavigation')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.enableRecordPageNavigation"
-                switch
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.showDeletedRecordsOption')"
-              label-class="text-primary"
-            >
-              <c-input-checkbox
-                v-model="options.showDeletedRecordsOption"
-                switch
-                :labels="checkboxLabel"
-              />
-            </b-form-group>
-          </b-col>
-
-          <b-col
-            cols="12"
-            md="6"
-          >
-            <b-form-group
-              :label="$t('recordList.record.buttons')"
-              label-class="text-primary"
-            >
-              <b-form-checkbox
-                v-model="options.hideRecordViewButton"
+              <b-form-group
+                :label="$t('recordList.record.filterHide')"
+                label-class="text-primary"
               >
-                {{ $t('recordList.hideRecordViewButton') }}
-              </b-form-checkbox>
+                <c-input-checkbox
+                  v-model="options.hideFiltering"
+                  switch
+                  invert
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
 
-              <b-form-checkbox
-                v-model="options.hideRecordEditButton"
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.prefilterHideSearch')"
+                label-class="text-primary"
               >
-                {{ $t('recordList.hideRecordEditButton') }}
-              </b-form-checkbox>
+                <c-input-checkbox
+                  v-model="options.hideSearch"
+                  switch
+                  invert
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+          </b-row>
 
-              <b-form-checkbox v-model="options.hideRecordCloneButton">
-                {{ $t('recordList.hideRecordCloneButton') }}
-              </b-form-checkbox>
-
-              <b-form-checkbox
-                v-model="options.hideRecordPermissionsButton"
+          <b-row>
+            <b-col>
+              <b-form-group
+                :label="$t('recordList.record.prefilterCommand')"
+                label-class="text-primary"
               >
-                {{ $t('recordList.hideRecordPermissionsButton') }}
-              </b-form-checkbox>
+                <b-form-textarea
+                  v-model="options.prefilter"
+                  :placeholder="$t('recordList.record.prefilterPlaceholder')"
+                />
+                <b-form-text>
+                  <i18next
+                    path="recordList.record.prefilterFootnote"
+                    tag="label"
+                  >
+                    <code>${recordID}</code>
 
-              <b-form-checkbox v-model="options.hideRecordReminderButton">
-                {{ $t('recordList.hideRecordReminderButton') }}
-              </b-form-checkbox>
-            </b-form-group>
-          </b-col>
-        </b-row>
-      </div>
+                    <code>${ownerID}</code>
+
+                    <code>${userID}</code>
+                  </i18next>
+                </b-form-text>
+              </b-form-group>
+            </b-col>
+          </b-row>
+
+          <b-row>
+            <b-col>
+              <b-form-group
+                :label="$t('recordList.filter.presets')"
+              >
+                <b-table-simple
+                  v-if="recordListModule"
+                  borderless
+                  small
+                  responsive="lg"
+                  class="mb-1"
+                >
+                  <b-thead>
+                    <b-tr>
+                      <b-th
+                        class="text-primary"
+                        style="min-width: 300px;"
+                      >
+                        {{ $t('recordList.filter.name.label') }}
+                      </b-th>
+                      <b-th
+                        class="text-primary"
+                        style="width: 45%; min-width: 250px;"
+                      >
+                        {{ $t('recordList.filter.role.label') }}
+                      </b-th>
+
+                      <b-th
+                        style="width: 100px;"
+                      />
+                    </b-tr>
+                  </b-thead>
+                  <b-tbody>
+                    <b-tr
+                      v-for="(filter, index) in options.filterPresets"
+                      :key="index"
+                    >
+                      <b-td>
+                        <b-input-group>
+                          <b-form-input
+                            v-model="filter.name"
+                            :placeholder="$t('recordList.filter.name.placeholder')"
+                          />
+
+                          <b-input-group-append class="border-0">
+                            <record-list-filter
+                              class="d-print-none"
+                              :target="`record-filter-${index}`"
+                              :namespace="namespace"
+                              :module="recordListModule"
+                              :selected-field="recordListModule.fields[0]"
+                              :record-list-filter="filter.filter"
+                              variant="primary"
+                              button-class="px-2 pt-2 text-white"
+                              button-style="padding-bottom: calc(0.5rem - 2px);"
+                              @filter="(filter) => onFilter(filter, index)"
+                            />
+                          </b-input-group-append>
+                        </b-input-group>
+                      </b-td>
+
+                      <b-td>
+                        <vue-select
+                          v-model="filter.roles"
+                          :options="roleOptions"
+                          :get-option-label="getRoleLabel"
+                          :get-option-key="getOptionKey"
+                          :placeholder="$t('recordList.filter.role.placeholder')"
+                          :reduce="role => role.roleID"
+                          :calculate-position="calculateDropdownPosition"
+                          append-to-body
+                          multiple
+                          class="bg-white"
+                        />
+                      </b-td>
+
+                      <b-td
+                        class="text-center align-middle pr-2"
+                      >
+                        <c-input-confirm
+                          @confirmed="options.filterPresets.splice(index, 1)"
+                        />
+                      </b-td>
+                    </b-tr>
+                  </b-tbody>
+                </b-table-simple>
+
+                <b-button
+                  variant="primary"
+                  size="sm"
+                  class="ml-1"
+                  @click="addFilterPreset"
+                >
+                  {{ $t('recordList.filter.addFilter') }}
+                </b-button>
+              </b-form-group>
+            </b-col>
+          </b-row>
+        </div>
+        <hr>
+
+        <div
+          v-if="!options.positionField"
+          class="px-3"
+        >
+          <h5 class="mb-3">
+            {{ $t('recordList.record.presortLabel') }}
+          </h5>
+          <b-row class="mb-3">
+            <b-col>
+              <b-form-group
+                :label="$t('recordList.record.presortHideSort')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.hideSorting"
+                  switch
+                  invert
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+          </b-row>
+
+          <b-row>
+            <b-col>
+              <b-form-group
+                :label="$t('recordList.record.presortInputLabel')"
+                label-class="text-primary"
+              >
+                <c-input-presort
+                  v-model="options.presort"
+                  :fields="recordListModuleFields"
+                  :labels="{
+                    add: $t('general:label.add'),
+                    ascending: $t('general:label.ascending'),
+                    descending: $t('general:label.descending'),
+                    none: $t('general:label.none'),
+                    placeholder: $t('recordList.record.presortPlaceholder'),
+                    footnote: $t('recordList.record.presortFootnote'),
+                    toggleInput: $t('recordList.record.presortToggleInput'),
+                  }"
+                  allow-text-input
+                  class="mb-2"
+                />
+              </b-form-group>
+            </b-col>
+          </b-row>
+        </div>
+        <hr v-if="!options.positionField">
+
+        <div class="px-3">
+          <h5 class="mb-3">
+            {{ $t('recordList.record.pagingLabel') }}
+          </h5>
+
+          <b-row
+            class="mb-3"
+          >
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.hidePaging')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.hidePaging"
+                  switch
+                  invert
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                horizontal
+                breakpoint="md"
+                :label="$t('recordList.record.perPage')"
+                label-class="text-primary"
+              >
+                <b-form-input
+                  v-model.number="options.perPage"
+                  data-test-id="input-records-per-page"
+                  type="number"
+                  class="mb-2"
+                />
+              </b-form-group>
+            </b-col>
+          </b-row>
+
+          <b-row>
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.fullPageNavigation')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.fullPageNavigation"
+                  switch
+                  :labels="checkboxLabel"
+                  data-test-id="hide-page-navigation"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.showTotalCount')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.showTotalCount"
+                  data-test-id="show-total-record-count"
+                  switch
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+          </b-row>
+        </div>
+
+        <hr>
+
+        <div
+          class="px-3"
+        >
+          <h5 class="mb-3">
+            {{ $t('recordList.record.recordsLabel') }}
+          </h5>
+
+          <b-row>
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.recordDisplayOptions')"
+                label-class="text-primary"
+              >
+                <b-form-select
+                  v-model="options.recordDisplayOption"
+                  :options="recordDisplayOptions"
+                />
+              </b-form-group>
+            </b-col>
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.recordSelectorDisplayOptions')"
+                label-class="text-primary"
+              >
+                <b-form-select
+                  v-model="options.recordSelectorDisplayOption"
+                  :options="recordDisplayOptions"
+                />
+              </b-form-group>
+            </b-col>
+          </b-row>
+
+          <b-row>
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.hideAddButton')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.hideAddButton"
+                  switch
+                  invert
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.selectable')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.selectable"
+                  switch
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              v-if="onRecordPage"
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.linkToParent')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.linkToParent"
+                  switch
+                  invert
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.hideImportButton')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.hideImportButton"
+                  switch
+                  invert
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.export.allow')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.allowExport"
+                  switch
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.inlineEdit.enabled')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.inlineRecordEditEnabled"
+                  switch
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.enableBulkRecordEdit')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.bulkRecordEditEnabled"
+                  switch
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.enableRecordPageNavigation')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.enableRecordPageNavigation"
+                  switch
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.showDeletedRecordsOption')"
+                label-class="text-primary"
+              >
+                <c-input-checkbox
+                  v-model="options.showDeletedRecordsOption"
+                  switch
+                  :labels="checkboxLabel"
+                />
+              </b-form-group>
+            </b-col>
+
+            <b-col
+              cols="12"
+              md="6"
+            >
+              <b-form-group
+                :label="$t('recordList.record.buttons')"
+                label-class="text-primary"
+              >
+                <b-form-checkbox
+                  v-model="options.hideRecordViewButton"
+                >
+                  {{ $t('recordList.hideRecordViewButton') }}
+                </b-form-checkbox>
+
+                <b-form-checkbox
+                  v-model="options.hideRecordEditButton"
+                >
+                  {{ $t('recordList.hideRecordEditButton') }}
+                </b-form-checkbox>
+
+                <b-form-checkbox v-model="options.hideRecordCloneButton">
+                  {{ $t('recordList.hideRecordCloneButton') }}
+                </b-form-checkbox>
+
+                <b-form-checkbox
+                  v-model="options.hideRecordPermissionsButton"
+                >
+                  {{ $t('recordList.hideRecordPermissionsButton') }}
+                </b-form-checkbox>
+
+                <b-form-checkbox v-model="options.hideRecordReminderButton">
+                  {{ $t('recordList.hideRecordReminderButton') }}
+                </b-form-checkbox>
+              </b-form-group>
+            </b-col>
+          </b-row>
+        </div>
+      </template>
     </b-tab>
 
     <automation-tab
diff --git a/client/web/compose/src/components/PageBlocks/Wrap/Card.vue b/client/web/compose/src/components/PageBlocks/Wrap/Card.vue
index db87d73dd..7ccc6b921 100644
--- a/client/web/compose/src/components/PageBlocks/Wrap/Card.vue
+++ b/client/web/compose/src/components/PageBlocks/Wrap/Card.vue
@@ -2,7 +2,7 @@
   <div class="h-100">
     <b-card
       no-body
-      class="h-100 shadow overflow-hidden"
+      class="d-flex flex-column h-100 shadow overflow-hidden"
       :class="[blockClass, cardClass]"
     >
       <b-card-header
@@ -74,9 +74,8 @@
       </div>
 
       <b-card-body
-        class="p-0"
+        class="p-0 flex-fill"
         :class="{ 'overflow-auto': scrollableBody }"
-        style="flex-shrink: 10;"
       >
         <slot
           name="default"
@@ -85,7 +84,7 @@
 
       <b-card-footer
         v-if="footerSet"
-        class="p-0 overflow-hidden bg-white border-top"
+        class="p-0 bg-white border-top"
       >
         <slot
           name="footer"
diff --git a/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue b/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
index dbf3f060c..1b6b13928 100644
--- a/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
+++ b/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="h-100">
     <div
-      class="card bg-transparent h-100 overflow-hidden"
+      class="d-flex flex-column card bg-transparent h-100 overflow-hidden"
       :class="[blockClass, cardClass]"
     >
       <div
@@ -72,7 +72,7 @@
       </div>
 
       <div
-        class="card-body p-0"
+        class="card-body p-0 flex-fill"
         :class="{ 'overflow-auto': scrollableBody }"
         style="flex-shrink: 10;"
       >
@@ -83,7 +83,7 @@
 
       <b-card-footer
         v-if="footerSet"
-        class="card-footer bg-transparent p-0 overflow-hidden border-top"
+        class="card-footer bg-transparent p-0 border-top"
       >
         <slot
           name="footer"
diff --git a/lib/js/src/compose/types/page-block/record-list.ts b/lib/js/src/compose/types/page-block/record-list.ts
index bfbe30b83..3bbdb7f62 100644
--- a/lib/js/src/compose/types/page-block/record-list.ts
+++ b/lib/js/src/compose/types/page-block/record-list.ts
@@ -94,8 +94,8 @@ const defaults: Readonly<Options> = Object.freeze({
   recordSelectorDisplayOption: 'sameTab',
   magnifyOption: '',
 
-  fullPageNavigation: true,
-  showTotalCount: true,
+  fullPageNavigation: false,
+  showTotalCount: false,
   showDeletedRecordsOption: false,
 
   editable: false,