Foren

Home » Liferay Portal » English » 3. Development

Kombinierte Ansicht Flache Ansicht Baumansicht
Threads [ Zurück | Nächste ]
toggle
mukesh kumar
layout with last column three rows
18. Januar 2013 03:37
Antwort

mukesh kumar

Rang: Junior Member

Nachrichten: 57

Eintrittsdatum: 12. März 2012

Neue Beiträge

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
18. Januar 2013 03:52
Antwort

Octavio Sánchez

Rang: Junior Member

Nachrichten: 80

Eintrittsdatum: 31. März 2009

Neue Beiträge

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
25. Januar 2013 07:05
Antwort

Rahul Sharma

Rang: Junior Member

Nachrichten: 60

Eintrittsdatum: 10. Januar 2012

Neue Beiträge

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
25. Januar 2013 09:10
Antwort

Subhash Pavuskar

Rang: Regular Member

Nachrichten: 234

Eintrittsdatum: 12. März 2012

Neue Beiträge

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>