Creating a page list across a page
Permalink
Hi all,
I'm having a brain block! I'm designing a site based around the Gumby Framework and have set up a News section using page types as you would a blog. Now, I want a summary of the latest four news articles to go across a section on the Home page so that each one appears in a separate column.
Any ideas on how I would achieve this?
Many thanks
Stu
I'm having a brain block! I'm designing a site based around the Gumby Framework and have set up a News section using page types as you would a blog. Now, I want a summary of the latest four news articles to go across a section on the Home page so that each one appears in a separate column.
Any ideas on how I would achieve this?
Many thanks
Stu
![enlil](/files/avatars/85571.jpg)
Just use a page list block to display the four newest pages in that section ;)
Hi,
Many thanks for your prompt reply, I have managed to work out the listing of the pages, however its how I get each article to appear in a separate column going across the page. As Gumby is a fully responsive framework I would like the 4 article summaries to go across the page when full width and then one above the other when viewed on a mobile.
Have attached a quick screen grab on the home page area.
Hope I'm making sense?
Cheers
Stu
Many thanks for your prompt reply, I have managed to work out the listing of the pages, however its how I get each article to appear in a separate column going across the page. As Gumby is a fully responsive framework I would like the 4 article summaries to go across the page when full width and then one above the other when viewed on a mobile.
Have attached a quick screen grab on the home page area.
Hope I'm making sense?
Cheers
Stu
To tackle this I would for one, use Page List Plus by SkyBlueSofa. And for two, I would build those areas into my page type. Page list plus has an option out of the box to skip the first x number of pages in the list, so you would end up with four different page lists in each of those areas showing the first four articles!
You can create a custom page_list block template for your design.
I don't think this is worth additional page areas in a theme.
As long as each list entry is wrapped in its own element (div or li for example), you can either use css columns for that element/class or float them left at 25% width or float them left with a fixed width calculated to be 25%.
With any of these you will probably need to add a clearfix afterwards.
So either apply some css to the existing template, or create a new block template with your wrapper elements, css and a clearfix built in.
As long as each list entry is wrapped in its own element (div or li for example), you can either use css columns for that element/class or float them left at 25% width or float them left with a fixed width calculated to be 25%.
With any of these you will probably need to add a clearfix afterwards.
So either apply some css to the existing template, or create a new block template with your wrapper elements, css and a clearfix built in.
Many thanks for your replies.
Think I've worked it out now....a break and a coffee works wonders too!
Cheers.
Think I've worked it out now....a break and a coffee works wonders too!
Cheers.
In the end it was pretty easy using a page list template and gumby styles.
Concrete5 just gets better and better the more you use it!
Thanks again for your prompt replies.....excellent community!
Concrete5 just gets better and better the more you use it!
Thanks again for your prompt replies.....excellent community!