Skip to content

Variable Post Grid

Toolbox Example

Check out this responsive (mobile, small, medium breakpoint) and fully customizable variable grid post layout! You can add as many settings for each breakpoint as you want, it will repeat the settings until it runs out of posts!

Make sure to set the items in groups so that they sum up to a full row.

1-2 + 1-2
1-3 + 1-3 + 1-3
1-3 + 2-3
1-1
2-5 + 3-5

are all good examples of such groups.

 

UIkit dynamic groups filter
Learn how to create a filterable grid with an option to show only posts that are tagged with more than one term in a taxonomy
Continue
Getting subfield on relationship
When working with relationship fields you might want to get a subfield directly. Learn how to add a field-setting to input the iteration and fieldname for the Toolbox Field Module or Connector.
Continue
Tabs by Month
Create a tabbed accordion per month and include items within that month
Continue
Bookstore Relationship fields
Using relationship fields looks daunting, but is easy with Toolbox. This 20 minute walkthrough shows you exactly how easy it is.
Continue
Responsive Grid Hexagons Grid
Create a hexagon shaped post grid
Continue
Dynamic Chart.js charts
Learn how to create dynamic charts from custom field data.
Continue
Variable Post Grid
Check out this fully responsive and customizable variable grid layout for posts!
Continue