Collection Displays
Choose the display layout that works best for your collections
With Noloco, you don’t have to start from scratch. We do all the heavy-lifting to put your basic app structure in place. Once you connect your data source, we automatically spin up collection views, record views and forms to add new records.
Now that you're app is created and your data is connected, it's time to get creative. As an internal user / team admin, It's now up to you to choose the layout display that works best for each of your collections. Luckily you now can take advantage of the no-code UI builder in Noloco to display, filter and sort your data in whatever format you would like.
Here's how.

We support all the following collection display options out of the box. You simply have to choose which one works best for your lists.
  • Tables
  • Full-width tables
  • Cards
  • Columns
  • Rows
  • Kanban Board
  • Single-Record view
To access the Display options you must first navigate to the collection you wish to format from the menu sidebar
In our sample Real Estate Noloco app, we are going to try out a new display option for the 'Properties' collection.
Now we have the Properties tab open, lets enter into Edit mode so that we can access the different display options
Once in Edit mode, you will be able to access the configuration menu where the display options can be found. To access the configuration menu options, using your mouse cursor click anywhere along the top header of the page. (see below)
Now that we can access the configuration menu for the Properties view. Lets dive into the 'Display' options.
Currently, the view you can see above is using the following settings;
You can toggle between all of the different display options until you're happy with the UI's look and feel for your collection. For example, if we were to select the 'Cards' display, our Properties view would now look like this:
Additionally, you can group records in the Display by a field on your collection. In the above example we are grouping 'Properties' by their 'Status'.
Once you have chosen the field you want to group records by, you can choose to toggle visibility 'on' or 'off' for certain values of your chosen field to group by. You may also choose whether or not you want to display records where they have no field value i.e a blank / null value.
In this example we have chosen to display all available 'Status' values and to display records where there is no Status value (Show empty groups).
The 'Group records by' option is available on all Display options excluding: Single record view, Calendar view & Charts. These 3 display options are formatted using different parameters.
Once you're happy with your selected Display option, you can exit 'Edit mode' and Publish your new changes to your app so everyone can experience the brand new look and feel. It's as simple as that 🎉
Exit edit mode using our shortcut (Cmd or Ctrl + e)
Copy link