Do you have a requirement for specialised functionality built on concrete5?
I am available for hire at an hourly rate or can offer a fixed price against a well defined requirement.

Notifications of private messages and support requests on are currently unreliable. If I have not responded within 24 hours, please email directly - contact details at

Front End List Magic (c5.6)

At its simplest, Front End List Magic can add animated pagination to just about any list, from the image lists that make up a gallery to the text based lists of a page list. Add a Front End List Magic block next to a list or gallery thumbnail and Front End List Magic attaches itself to a list and paginates it.

But Front End List Magic can do so much more than that. Select the front end editing options and you can make page, file and image lists show what you want, not what the lister gives you. From the page you can sort the list by drag and drop and show/hide items simply by clicking a checkbox.

See the getting started section in the documentation.

The original list remains unchanged. All you are editing is how the list is viewed by other users on that page.

Some ideas for use:

  • Paginate long lists.
  • Add animated transitions to paginated lists.
  • Sort and select a page list or file list to show exactly what you want in the order you want it.
  • Partner Front End List Magic with Front End File Uploader to manage an image gallery from the front end.

Selection of List

Front End List Magic defaults to simple selection by adjacency in the page, such as ‘Next Element’. In most cases the default options will be all you need. Add a Front End List Magic block before a list block and it will find the list and provide controls to sort and select the list from the viewed page.

Advanced options enable list selection and configuration by jQuery selectors and html element attributes for lists that can't be located automatically (see documentation for details).

What lists will it work with?

Front End List Magic will do its magic on lists that have:

  • A regular structure
  • Internally a unique key for each item
  • Are not already paginated (Front End List Magic provides its own pagination)
  • Are in their own containers

Front End List Magic cannot do its magic on:

  • Any list that is already paginated (switch off any pagination provided by the list block)
  • Any search results list
  • Lists with irregular structure
  • Tables
  • Lists that are not in their own containers (wrap them using Design - Set Block Styles)
  • Lists that are lazy loaded or populated by Ajax

(see documentation for details)

Select who can use it

In any Front End List Magic block the user(s) allowed access can be selected from:

  • The owner of the page
  • A single user
  • A group of users

Users that don’t have access simply see the sorted list. You can even have multiple Front End List Magic bocks on the same page, each set up for a different user and placed next to a different list. Each user will only see their own edit controls.

Frontend Options

The prompt to edit, what edit controls are available and pagination are all configurable. If the list changes within concrete5 after it has been edited by Front End List Magic, you can select whether the new list items go at the start or end of the list and whether they are initially shown or hidden.

Search Engine Considerations

Front End List Magic does its magic by JavaScript after a page has loaded. Search engines will index the page before the magic. Visitors will see the page after the magic. So hiding or paging a list item using Front End List Magic will not hide it from a search engine.


Built in diagnostics to help with advanced configuration and any awkward lists. (see documentation for details)

Important: While Front End List Magic is the ideal companion and does cool stuff with many list or gallery blocks, Front End List Magic DOES NOT include a list block.

See more addons by JohntheFish

Last updated: over a year ago