Forums

Home » Liferay Portal » English » 3. Development

Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
mukesh kumar
layout with last column three rows
January 18, 2013 3:37 AM
Answer

mukesh kumar

Rank: Junior Member

Posts: 57

Join Date: March 12, 2012

Recent Posts

Hi All

How to create layout having three column and last column should contain three rows.

first column = 30 %

Second column = 30 %

Last column =40% having three row having first row = 30% , Second row = 30% and third column with =40 %

Regards
Mukesh
Octavio Sánchez
RE: layout with last column three rows
January 18, 2013 3:52 AM
Answer

Octavio Sánchez

Rank: Junior Member

Posts: 80

Join Date: March 31, 2009

Recent Posts

I recommend you to see the article https://www.liferay.com/es/community/wiki/-/wiki/Main/Layout+Template
Rahul Sharma
RE: layout with last column three rows
January 25, 2013 7:05 AM
Answer

Rahul Sharma

Rank: Junior Member

Posts: 60

Join Date: January 10, 2012

Recent Posts

You can achieve this by creating the layout by the use of table tag in the tpl file.

Hope this helps!
Subhash Pavuskar
RE: layout with last column three rows
January 25, 2013 9:10 AM
Answer

Subhash Pavuskar

Rank: Regular Member

Posts: 233

Join Date: March 12, 2012

Recent Posts

Hi Mukesh,

Try This code

 1
 2<table class="portlet-layout">
 3    <tr>
 4        <td class="aui-w33 portlet-column portlet-column-first" id="column-1">
 5            $processor.processColumn("column-1", "portlet-column-content portlet-column-content-first")
 6        </td>
 7
 8        <td class="aui-w33 portlet-column" id="column-2">
 9            $processor.processColumn("column-2", "portlet-column-content")
10        </td>
11   
12        <td class="aui-w33 portlet-column portlet-column-last" id="column-3">
13            $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last")
14             <tr><td width="30%"></td></tr>
15            <tr><td width="30%"></td></tr>
16            <tr><td width="40%"></td></tr>
17        </td>
18    </tr>
19</table>