Multi column page template

[Saurabh Jain]

I want first two columns 

and later three three three columns in  a page

 

Two column template is 

<div>
    <div class='ipsGrid ipsGrid_collapsePhone'>
        <div class='ipsGrid_span6'>
            {template="widgetContainer" group="pages" app="cms" params="'col1', $widgets, 'horizontal'"}
        </div>
        <div class='ipsGrid_span6'>
            {template="widgetContainer" group="pages" app="cms" params="'col2', $widgets, 'horizontal'"}
        </div>
    </div>
</div>

Three column template is 

<div>
    <div class='ipsGrid ipsGrid_collapsePhone'>
        <div class='ipsGrid_span4'>
            {template="widgetContainer" group="pages" app="cms" params="'col1', $widgets, 'vertical'"}
        </div>
        <div class='ipsGrid_span4'>
            {template="widgetContainer" group="pages" app="cms" params="'col2', $widgets, 'vertical'"}
        </div>
        <div class='ipsGrid_span4'>
            {template="widgetContainer" group="pages" app="cms" params="'col3', $widgets, 'vertical'"}
        </div>
    </div>
</div>

 

How to collab them for my purpose  two  columns and later three columns

 

 

 

 

[Saurabh Jain]

Help will be appreciated

[Saurabh Jain]

can some 1 look into this

[-FP]

<div>
    <div class='ipsGrid ipsGrid_collapsePhone'>
        <div class='ipsGrid_span6'>
            {template="widgetContainer" group="pages" app="cms" params="'col1', $widgets, 'horizontal'"}
        </div>
        <div class='ipsGrid_span6'>
            {template="widgetContainer" group="pages" app="cms" params="'col2', $widgets, 'horizontal'"}
        </div>
      
        <div class='ipsGrid_span4'>
            {template="widgetContainer" group="pages" app="cms" params="'col1', $widgets, 'vertical'"}
        </div>
        <div class='ipsGrid_span4'>
            {template="widgetContainer" group="pages" app="cms" params="'col2', $widgets, 'vertical'"}
        </div>
        <div class='ipsGrid_span4'>
            {template="widgetContainer" group="pages" app="cms" params="'col3', $widgets, 'vertical'"}
        </div>
    </div>
</div>

I don't really know what you want to achieve but that should put 3 columns below 2 columns.

[Saurabh Jain]

but putting content  with page editor in column 1 of two column   automatically puts in first column of three column list