Content App List View

Here, you can control the settings how records or items are displayed on the front-end list of items.

On this page, you can display:

  1. Title and Description of Content App
  2. Button to Create New Record
  3. Sorting and Limit Box
  4. Search and Filter Form
  5. List of Records
  6. Pagination
  7. Structured Data
  8. Button to Export Records to CSV File
  9. RSS Feeds

From the dashboard, navigate to the Content Apps. Click "List View" Button under the Settings. Some of the settings can be applied at the component level as well.

List View

Title: Show or Hide the Title of the Content App.

Description: Show or Hide the Description of the Content App.

No Items Message: Message that is displayed when there are no records to display.

Layout

Layout: Select the layout to display the records. Available options are:

  1. Cards or Blog
  2. Table
  3. List
  4. Custom

(i) Cards Layout

By default, the Cards layout can display title, description, image and link. You can define which additional columns to display and how to display the columns under the Fields tab.

  • Title, Image, Description: Show or hide the item title, image or description.
  • Description Length: Length of the description text to display.
  • Subtitle Field: Name of the column to show as the subtitle.
  • Grid Settings (Columns): Enter the number of columns for small, medium and large devices.
  • Additional Card Settings

(ii) Table Layout

You can define which columns to display and how to display the columns under the Fields tab.

(iii) List Layout

You can define which columns to display and how to display the columns under the Fields tab.

  • Row CSS Class: Add CSS classes to apply styling to the row.
  • Grid Settings (Columns): Enter the columns for small, medium and large devices.

(iv) Custom Layout

You can define which columns to display and how to display the columns under the Fields tab.

  • Add your custom layout. Fields will be replaced by placeholders. For example, to display title: {DC title}.

Fields

Here, you can add the columns you want to display at the front-end list of records. For Card layout, the fields are displayed after the description.

Column: Enter the name of the column. For example, title. You can check the names of the columns from the Columns Tab.

Type: Select how the column will be displayed.

  1. Default (div)
  2. Joomla Link or Button
  3. Date
  4. Icon
  5. Image
  6. Badge or Label
  7. Status or Binary

CSS Class: Optionally, add CSS classes to apply additional styles. For example, to change the display, add class d-block or d-inline.

Ordering

Order Direction: Whether the sorting of data should be done in ascending or descending order.

Order Column: Select which column or field should be used to sort the data.

Sorting Fields: Select fields or columns by which the data can be sorted by users in the front-end.

Search

Search: Show or Hide the advance search filters form where a user can filter the records. If enabled, you can add the columns that will be displayed on the search filter.

Pagination

Display Select: Show the Display # control that allows the user to select the number of articles to show.

Pagination: It provides page links at the bottom of the page that allow the user to navigate to additional pages. These are needed if the Records do not fit on one page.

  • Hide: Pagination links not shown. Users will not be able to navigate to additional pages.
  • Show: Pagination links shown if needed.
  • Auto: Pagination links shown if needed.

Pagination Summary: Show the current page number and total pages.