Block rendering on template page


I am trying to understand the rendering of blocks on the alloy templates demo page.

Especially the "tetris effect" mentioned in this article

I have a block that I would like to render as full page width, when "alone" and as half page with when I have one other block in my content area. 

I have my contentarea:

<EPiServer:Property runat="server" PropertyName="ContentArea" CssClass="contentarea-fullwidth" DisplayMissingMessage="false">
<RenderSettings Tag="block block-wide" />

And I have created 2 different templates (one block type), with 2 different tags: one for half page width and one for full page width.

And I am using the Initialization module (ClassFactoryInitialization : IInitializableModule) from alloy templates, together with the webcontrol SitePropertyContentAreaControl : PropertyContentAreaControl, also from the alloy templates.

But I can't get it to work. If I place 3 blocks in the content area I would like to get 2 half page width and 1 full page width. But they are all the same. (Depending of what tags a write in the renderoptions of the content area) 

What am I missing?

Apr 28, 2014 17:02

Do you have display options on your blocks.  That will determin the width of your blocks.  You determine the tetris effect :)

May 01, 2014 4:51
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.