Jump to content

Multi column page template

Featured Replies

Posted

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

 

 

 

 

  • Author

Help will be appreciated

  • Author

can some 1 look into this

<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.

  • Author

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

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.