Addon pages - Full Width List with AJAX loading

In this example Uber List has been given an equal height items template that also uses Blocks By AJAX to asynchronously load the list. The styling and width of list items have been adapted to fit a full width page, as have pagination and transitions. 

Uber List has been designed from the start to provide the best possible AJAX speed improvement by postponing all list evaluation, template retrieval and template filling until the list is actually shown. The result is that you get no interruption with the initial page load, then wait for the list to appear depending on complexity of the list. This is a a really good strategy to use when other content at the top of the page leaves the Uber List 'below the fold' of the initially loaded page.

Even without Blocks By AJAXUber List has highly flexible lazy loading settings that can be used to minimise the time to show the initial page.

The page has been given a full width template and block design used to shrink the font to allow more to be shown. 

The list shown here lists the same pages as:

This allows the behaviour of each of these lists to be sensibly evaluated in comparison.
Beneath the list, the usual sidebar is shown full width, with the Uber List in columns. The Magic Data and template to generate the list is the same as used for the sidebar of other pages.

Get this addon

You can get Uber List from the concrete5 marketplace

Documentation & Support

Addon pages - an Alternate List

Uber List generates the list below using the Magic Data expression: Each list item is templated using a stack containing 2 blocks. First a content ...... more.

Addon pages - Core Page List with Uber List template

This example shows a more radical use of Uber List. The Remote Settings template is used to transfer Uber List settings into a Page List with Uber ...... more.

Addon pages - Full Width List limited items

In this example the Uber List is truncated to the first 16 items to give a comparison against longer lists. Everything else is similar to the ...... more.

Addon pages - Full Width List with direct loading

In this example Uber List has been given a template that is loaded directly and equalizes the height of the individual items. The styling and ...... more.

Addon pages - Plain Uber List

The Uber List shown on this page is set up to mimic the conventional page list on Addon pages - Core Page List with Default template, thus ...... more.

Combining lists

Here are a few snippets of Magic Data that can be used to combine lists in Uber List or anywhere else that evaluates Magic Data expressions. There ...... more.

Uber List

In addition to the User Guide, many of the pages beneath this page are examples of Uber List in action. The page list in the Sidebar on the right ...... more.

Uber List Plugin Documentation

Here we have a documentation view for Uber List and associated plugins and extensions. Content. Item Wrapper. Use a content block template to wrap ...... more.

User Guide

Uber List comprises 4 main components: A dashboard page showing what Uber List compatible plugins are available. You don't need to know anything ...... more.

Last updated: over a year ago