Search code examples
drupaldrupal-viewsdrupal-themingdrupal-panels

Display content in two columns with fixed height in drupal

I'm in need of some pointing in the right direction here...

I have a site with a couple of different content types. I want to display this content in a book-like layout. The book should be of a fixed width and height and the pages should be populated with as many nodes as can fit. It should be in two columns, with the left column being filled before the right one.

How should i approach this?

I have been thinking about a few solutions, don't know which are possible and which one is best or which i can combine.

  1. I could just create a view that selects more nodes than is need. Then check how long the nodes is in the theming layer and throw away the nodes that aren't needed. Pagers need to be fixed too.

  2. Use panels in combination with views to display one view in two columns, if this is possible. Need a way to determine the amount of nodes that is displayed on each page, based on content length.

  3. Write a plugin/handler for views so that i can select an amount of nodes that has an maximum, predetermined, max content length.

  4. Write a new display-style for views that shows content in two columns with fixed heights.

  5. Write a custom module, leave views and panels out of it and do everything myself with db_queries.

Would appreciate and guidance a lot. Not looking for a finished solution, i'm not afraid to code and i will contribute back if i create something that someone else can use (like a views plugin). Just need someone to guide me in the right direction :)

Solution

  • The hardest thing will be to figure out how much content you need to fill out the space. There's not really a good way to do that either since, it will depend on both the markup and the styles.

    The best solution I can think of is loading the nodes with javascript, or maybe just have them available as javascript variables. That way you could insert the nodes to your page one by one. You could then in the JS see the heights of all the nodes in total, and once that height is bigger than x, you only need to remove the last inserted node.

    It's not a perfect solution, but I think you should look at doing this with JavaScript. The only problem is, that it wont degrade gracefully very well.