Forums

Page listing

Permalink
There are many add-ons that take advantage of the page listing function that display data in different ways.

I am currently trying to adapt a template (to the add-on) so that it will output in columns rather than a normal vertical listing. I'm no programmer so I am struggling but just want to know if it's even possible.

The add-on I'm using (Pro-Events) outputs the info in divs rather than in list form, any pointers much appreciated.
dhdesign
 
JohntheFish replied on at Permalink Best Answer Reply
JohntheFish
An easy way in everything but IE is to keep the UL and apply css columns to it:

[code]
ul
{
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
}

You may be able to add this to the block Design css, so no coding needed.
JohntheFish replied on at Permalink Reply
JohntheFish
Just noticed you want it for divs. Same thing, but you need to apply the style to the a div that encloses the list of divs.
(in the same way that I applied it to the ul, not the repeated li)
dhdesign replied on at Permalink Reply
dhdesign
Thanks I think I could get that to work although it needs to work in IE as most of my clients still use it strange I know.
JohntheFish replied on at Permalink Reply
JohntheFish
Apparently it is scheduled for IE10

http://msdn.microsoft.com/en-us/library/ie/hh673534(v=vs.85).aspx...

There is a JavaScript fallback available to sort out IE:

http://www.alistapart.com/articles/css3multicolumn...
dhdesign replied on at Permalink Reply
dhdesign
Thanks I found the JS fallback seems to work OK.