I think that if you study the three over one page template(or for that matter, three over one), you should be able to work it out. Those have two rows and in one of them more then one content area.

Maybe you can even just cut one of the three out and paste it in the other (but be carefull)

--- (Edited on 10/3/2008 2:34 pm [GMT+0200] by bartjol) ---

That's actually what I was doing yesterday and couldn't seem to get it to work.  I was comparing the three over one and the one over three, but can't figure out how to get the new asset placeholders on the layout, nor can I figure out how to get multiple rows.

Columns are usually created as floating <div>-elements. The floating behaviour is controlled via CSS. The structure of your template should probably look similar to this:

<div class="col1">...</div><div class="col2">...</div>

<div style="clear: both"></div>

<div class="col3">...</div><div class="col4">...</div class="col5"><div>...</div><div class="col6">...</div>

<div style="clear: both"></div>

In the stylesheet defined in the header section you need to add entries for every column. Each entry should at least contain the assignment "float: left;". In addition, you can control width, padding, margins and borders.

--
Klettern in Magdeburg
(http://www.klettern-md.de)

--- (Edited on 03.10.2008 17:46 [GMT+0200] by bernd) ---

I installed firebug extension for firefox, and after some tweaking, I think I got the columns now, so I wasn't as far off as I thought.  Now, the only problem I can't get is the "gray asset placeholders" to show up in the layout.  What exactly are those things called and any hints on how I get those to show up?

Thanks!

Dan

--- (Edited on 10/3/2008 11:50 am [GMT-0500] by dwittenberg) ---

I think, the placeholders are not there because you removed the following piece of code:

<tmpl_if showAdmin>
    <table><tr id="blank" class="hidden"><td><div><div class="empty">&nbsp;</div></div></td></tr></table>
            <tmpl_var dragger.init>
</tmpl_if>

In addition, there are two bugs in the template you sent:

1. There is one </div> to many in the code for the first column.

2. You are using the wrong loop for the fourth column.

And there may be a few more. But I think that this is what you want:

<div><a name="id<tmpl_var assetId>" id="id<tmpl_var assetId>"></a></div>

<tmpl_if showAdmin>
<p><tmpl_var controls></p>
</tmpl_if>

<tmpl_if displayTitle>
  <h2><tmpl_var title></h2>
</tmpl_if>

<tmpl_if description>
  <tmpl_var description>
</tmpl_if>

<!-- begin position 1 -->
<div class="col1"><div class="layoutColumnPadding">
<tmpl_if showAdmin>
    <table border="0" id="position1" class="content"><tbody>
</tmpl_if>

<tmpl_loop position1_loop>
    <tmpl_if showAdmin>
                <tr id="td<tmpl_var id>">
                    <td><div id="td<tmpl_var id>_div" class="dragable<tmpl_if isUncommitted> uncommitted-asset</tmpl_if>">
    </tmpl_if>

    <div class="content"><tmpl_var dragger.icon><tmpl_var content></div>

    <tmpl_if showAdmin>
                     </div></td>
                </tr>
    </tmpl_if>
</tmpl_loop>

<tmpl_if showAdmin>
            </tbody></table>
</tmpl_if>
</div></div>
<!-- end position 1 -->

<!-- begin position 2 -->
<div class="col2"><div class="layoutColumnPadding">
<tmpl_if showAdmin>
    <table border="0" id="position2" class="content"><tbody>
</tmpl_if>

<tmpl_loop position2_loop>
    <tmpl_if showAdmin>
                <tr id="td<tmpl_var id>">
                    <td><div id="td<tmpl_var id>_div" class="dragable<tmpl_if isUncommitted> uncommitted-asset</tmpl_if>">
    </tmpl_if>

    <div class="content"><tmpl_var dragger.icon><tmpl_var content></div>

    <tmpl_if showAdmin>
                     </div></td>
                </tr>
    </tmpl_if>
</tmpl_loop>

<tmpl_if showAdmin>
            </tbody></table>
</tmpl_if>
</div></div>
<!-- end position 2 -->

<div style="clear: both"></div>

<!-- begin position 3 -->
<div class="col3"><div class="layoutColumnPadding">
<tmpl_if showAdmin>
    <table border="0" id="position3" class="content"><tbody>
</tmpl_if>

<tmpl_loop position3_loop>
    <tmpl_if showAdmin>
                <tr id="td<tmpl_var id>">
                    <td><div id="td<tmpl_var id>_div" class="dragable<tmpl_if isUncommitted> uncommitted-asset</tmpl_if>">
    </tmpl_if>

    <div class="content"><tmpl_var dragger.icon><tmpl_var content></div>

    <tmpl_if showAdmin>
                     </div></td>
                </tr>
    </tmpl_if>
</tmpl_loop>

<tmpl_if showAdmin>
            </tbody></table>
</tmpl_if>
</div></div>
<!-- end position 3 -->

<!-- begin position 4 -->
<div class="col4"><div class="layoutColumnPadding">
<tmpl_if showAdmin>
    <table border="0" id="position4" class="content"><tbody>
</tmpl_if>

<tmpl_loop position4_loop>
    <tmpl_if showAdmin>
                <tr id="td<tmpl_var id>">
                    <td><div id="td<tmpl_var id>_div" class="dragable<tmpl_if isUncommitted> uncommitted-asset</tmpl_if>">
    </tmpl_if>

    <div class="content"><tmpl_var dragger.icon><tmpl_var content></div>

    <tmpl_if showAdmin>
                     </div></td>
                </tr>
    </tmpl_if>
</tmpl_loop>

<tmpl_if showAdmin>
            </tbody></table>
</tmpl_if>
</div></div>
<!-- end position 4 -->

<div style="clear: both"></div>

<tmpl_if showAdmin>
    <table><tr id="blank" class="hidden"><td><div><div class="empty">&nbsp;</div></div></td></tr></table>
            <tmpl_var dragger.init>
</tmpl_if>

-- CSS styles --

.col1 {
    float:left;
    width: 50%;
}
.col2 {
    float:left;
    max-width: 50%;
}
.col3 {
    float:left;
    width: 50%;
}
.col4 {
    float:left;
    max-width: 50%;

}

--
Klettern in Magdeburg
(http://www.klettern-md.de)

--- (Edited on 03.10.2008 19:23 [GMT+0200] by bernd) ---

Ok, similar problem with my other template, for some reason this morning none of the placeholders are there, though the pages all still look ok, but I noticed when I added some new pages, the asset holders are gone.  I tried adding some of the code above and that didn't help, I even tried to take the one I have working fine and strip the extra columns and then it broke, so I think I'm missing something.  This is the code for one of the 2 columns on my simple pages:

<!-- begin position 1 -->
   <div class="col1">
    <div class="sideNavigation">
       <div class="layoutColumnPadding">
        <ul class="navigation">
        <tmpl_if showAdmin>
            <table border="0" id="position1" class="content"><tbody>
        </tmpl_if>

        <tmpl_loop position1_loop>
           <tmpl_if showAdmin>
               <tr id="td<tmpl_var id>"><td>
            <div id="td<tmpl_var id>_div" class="dragable<tmpl_if isUncommitted> uncommitted-asset</tmpl_if>">
           </tmpl_if>

           <div class="content">
            <tmpl_var dragger.icon>
            <tmpl_var content>
           </div>

           <tmpl_if showAdmin>
             </div></td>
            </tr>
           </tmpl_if>
        </tmpl_loop>

        <tmpl_if showAdmin>
            </tbody></table>
        </tmpl_if>
        </ul>
       </div>
    </div>
    </div>
<!-- end position 1 -->   

anything obviously long?

Thanks!

--- (Edited on 10/6/2008 12:06 pm [GMT-0500] by dwittenberg) ---