List Manager Tutorial

The Display button on a list opens the Frontend Display screen. Its own sub-toolbar — Form Layout, Data Layout, Detail Layout, Card, Detail PDF, Pagination, Filters — groups everything about how the list looks to visitors. This tutorial covers the general settings and the Form Layout.

General settings

• Frontend layout for list — Table or Card grid.
• Default order — add one or more columns and a direction.
• Show only user records — each logged-in visitor sees only rows they own (needs a column of type User).
• Hide records on first load — show nothing until the visitor searches or filters (useful for large data sets).
• Autofilter — combo filters reload their options as other filters are applied.
• Fixed custom filter — a permanent SQL WHERE condition, e.g. published = 1.
• Date / time format, and decimal / thousand separators for number columns.

Form Layout — the add / edit form

If you allow visitors (or editors) to add and edit rows, the Form Layout tab holds the HTML of that form. Use the editor and drop a placeholder ##internalname## where each field’s input should appear. Wrap them in Bootstrap markup for a tidy layout:

<div class="row">
  <div class="col-md-6 mb-3"><label>Title</label>##title##</div>
  <div class="col-md-3 mb-3"><label>City</label>##city##</div>
  <div class="col-md-3 mb-3"><label>Price</label>##price##</div>
</div>

Leave it empty and List Manager auto-generates a simple stacked form.