Hello

I'm working in a solution with block-handling derived from the Alloy examples. Ie blocks that adapt in size depending on how many that fits each row.

In order to get a more flexible block layout - not only that they are stacked as small as possible, but that there's maybe one row with 2 blocks and then a row with 4 and so on I thought of this solution:

A block that only contains a contentarea, that are allways full width. So, in the page the editor would add 2 blocks, and then this block, let's call it "BlockContainer". The BlockContainer block would contain 4 blocks.

This works very well, I only have one problem: in edit mode, when I add blocks to the contentarea of my BlockContainer block all the blocks I add are rendered in full width instead of adapting to the width. When I publish and view the page then they are adapted correctly.

Doesn't matter if I add them in forms mode or wysiwyg, they are full with until published.

For clarity, some code:

public class BlockContainer : BlockData
{
	public virtual ContentArea MainContentArea { get; set; }
}

View:

@model BlockContainer
@Html.PropertyFor(x => x.MainContentArea)

So, anyone has a clue why this is happening when editing, and if there is a simple way to overcome this.

And of course, does anyone have a better solution on how to achieve this kind of thing.

Regards
Fredrik