Hi
I'm trying to display the results of an asset list in two columns, but for the results to be in columns of the groups - not the results.
Example:
Group1 Group2
Result1 Result1
Result2 Result2
Result3
Group3
Result1
and so on…
As far as I know, the Column Layout screen will display the results in two columns based on the assets as follows:
Group1
Result1 Result2
Group2
Result1 Result2
Result3
I've tried use CSS to float the groups and this works if the groups all have the same height, but as soon as the groups have differing heights, everything gets thrown out of place.
Any idea if/how this can be achieved?
I expect no two groups to have the same amount of results, but each will be only one line since it is just links to PDF's and such.
edit: if needed I might add a few pics since the extra spaces between the listing get taken out when posting.
I've often found that instead of using the grouping options provided by the asset listing you can use javascript to achieve the same result and have a little more control over how the listing gets split. Something like this might help:
http://jsfiddle.net/97mMn/2/
The issue you have might also be simply solved solely with CSS, perhaps a min-height on the columns or clearing floats properly on the container.
[quote]
I've often found that instead of using the grouping options provided by the asset listing you can use javascript to achieve the same result and have a little more control over how the listing gets split. Something like this might help:
http://jsfiddle.net/97mMn/2/
The issue you have might also be simply solved solely with CSS, perhaps a min-height on the columns or clearing floats properly on the container.
[/quote]
This is an awesome use of jsfiddle.net I know the guys who built it
well in Anthony
[quote]
I've often found that instead of using the grouping options provided by the asset listing you can use javascript to achieve the same result and have a little more control over how the listing gets split. Something like this might help:
http://jsfiddle.net/97mMn/2/
The issue you have might also be simply solved solely with CSS, perhaps a min-height on the columns or clearing floats properly on the container.
[/quote]
OMG thats a sexy link. Exactly what I was trying to achieve but I didn't know how to do it with JavaScript.
Thank you very much!