Source | Poster 2
Layout demos
Poster 2 / Grid Plus demos
Here is a series of 7 demo pages. They all use the same basic Grid Plus settings / structure (and the same Poster content) but each focusses on demonstrating some of the customisations that can be made to adjust the appearance in different ways.
Demo 1
This example shows a fairly basic / standard setup to display a blog list using Grid Plus Pro. Grid Plus Pro lets us make sure all the buttons are nicely aligned (regardless of how much summary content there is).
Demo 3
This example shows the same grid as Demo 2 but we have set the first and last item (item 10) have been set to span 2 columns. As we set Poster to have 5 items on each page then this may be a desirable thing to do.
Demo 4
This example shows the same grid again but this time we have removed some of the Summary content and are instead using background images.
Demo 5
This example again uses the same grid but this time we are also using a background image as part of the detail view (click into any item to see this). This approach is useful if we want to add some content (such as the post title) on top of the image.
Demo 6
Again we are using the same grid but this time we have targetted some of the items to set them to span columns or rows. This same grid set up is automatically inherited by addition pages of list items.