Fóruns

Início » Liferay Portal » English » 3. Development

Visualização combinada Visão plana Exibição em árvore
Tópicos [ Anterior | Próximo ]
toggle
mukesh kumar
layout with last column three rows
18 de Janeiro de 2013 03:37
Resposta

mukesh kumar

Ranking: Junior Member

Mensagens: 57

Data de entrada: 12 de Março de 2012

Mensagens recentes

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 de Janeiro de 2013 03:52
Resposta

Octavio Sánchez

Ranking: Junior Member

Mensagens: 80

Data de entrada: 31 de Março de 2009

Mensagens recentes

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 de Janeiro de 2013 07:05
Resposta

Rahul Sharma

Ranking: Junior Member

Mensagens: 60

Data de entrada: 10 de Janeiro de 2012

Mensagens recentes

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 de Janeiro de 2013 09:10
Resposta

Subhash Pavuskar

Ranking: Regular Member

Mensagens: 234

Data de entrada: 12 de Março de 2012

Mensagens recentes

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>