Additional region header first | second | third?

Sounds reasonable and I will think about it.

I attached the sample of the additional region.

It is difficult to have multiple blocks in columns and have separate box for each column block because the difference in height of each column block would make it looks a bit ugly. So I made the entire columns wrapped in a big box (with the same sidebar block style).

You can put 1 to 4 blocks there and the width of each column is automatically calculated based on the number of columns.

What do you think?

Thanks,

+1 for #2

I basically agree that having sidebar box style for individual block with some spaces between columns would be better.

When it comes to the height matching, I can think of two solutions although people would not like it.
1) use Javascript and obtain the max height of the column blocks and apply the max height to all other column blocks
2) use table instead of using div and float (easy solution)

I will do a bit more experiment and show you the sample screenshot later.

Attached is the screenshot of another block columns sample. I have not yet figured out about height matching.
I tried table method but did not quite well. I am now looking into javascript method.
Anyway, please take a look at the image.

I have added small javascript to make the column height matches. Attached is the screenshot of this.

/* $Id$ */
/**
 * @file
 * Adds javascript functions for font resizing
 */
jQuery(document).ready(function() {
  equalHeight(jQuery("#top-columns .column-block"));    // for top block columns region
  equalHeight(jQuery("#bottom-columns .column-block")); // for bottom block columns region
});

function equalHeight(group) {
  var tallest = 0;
  group.each(function() {
    var thisHeight = jQuery(this).height();
    if (thisHeight > tallest) {
      tallest = thisHeight;
    }
  });
  group.height(tallest);
}

It's very small script but I know that there are people who does not like such javascript executed upon loading a page.

What do you think?

Looks okey.

I have fixed both issues.
1) Top and bottom column blocks does not change the box size when the font size is changed.
2) Top and bottom column blocks does not have border like the sidebar blocks.
This will be included in the next release and in the tomorrow's dev snapshot release.

Thanks for the report.

I use the MAYO theme and love it. Thanks a ton!

I also use these blocks, and noticed that, as you said in #2, the width of the blocks is automatically calculated. I'm wondering if there is a way that I can manually change the block widths.

I want to have three blocks such that the first two are pretty wide, and the third one is thinner.

Thanks a lot,
-Josh

Closing old issues that have lain dormant over a year without a response from either side. Please reopen in the advent there's still interest.