Working with collections

Twixl Support Team Updated: - Created :

Collections are a very flexible way of organizing your content in an app.

Here are some use cases for collections:

  • create a collection with your articles for the day / the week (more or less like a traditional issue)
  • divide your content into different sections, each their own collection, so browse pages can then allow you to go a level deeper to another browse page for a particular section
  • publish a catalog with each chapter (or sub-chapter) represented by one or more collections

An article-based app will always start with one initial browse page when the app starts, that will be based on the 'root collection'. The root collection will always have to be present and cannot be deleted.

Note that collection links can not only contain different articles ('content items'), but can also have 'Collection links', i.e. links to other subcollections.

A collection can be set to open in "browse mode", but if you want it to automatically navigate to the first article (content item) in the collection, you can set a preference to show in '"detail mode". A reader can then browse from article to article in the collection by swiping.

Collections can also be offered as in-app purchases. In that case, make sure your product identifier matches the one in iTunes Connect and/or Google Play.

Grid Styles

In the "Grid style" window, you can adjust a number of parameters for a collection, such as the number of columns in your grid and whether scrolling will be horizontal or vertical. You can set different parameters for tablet and phone content.

  • Columns: determines the size of the squares that will be the basis for the size of the cells you place on your grid
  • Scrolling: determines whether scrolling in your browse pages will be horizontal or vertical
  • Padding: refers to the number of pixels reserved on the outer sides of the grid
  • Spacing: refers to the space in between cells on the grid
  • Colors: set colors for the background of the grid and the text.

Tablet - Phone - Browser

In 1 Grid Style you can define a layout for:

  • Tablets: This grid will be used on Tablets
  • Phones: This grid will be used on Phones
  • Browser: This grid will be used in the Browser Client.

It's entirely up to you whether you want to use separate designs for each rendition or not. You can use the same design as well by using the buttons Copy to Phone, Copy to Tablet and/or Copy to Browser.


The tab Browser Client will only be visible when you activated the Browser Client in your article-based app. See this KB-article for more info about the Browser Client.

Special URL schemes for article-based apps

For a complete overview of the different URL schemes that can be used in an article-based app, please refer to this article.

Was this article helpful?

0 out of 0 found this helpful