フォーラム

ホーム » Liferay Portal » English » 3. Development

構造的に表示 平面上に表示 ツリー上に表示
スレッド [ 前へ | 次へ ]
toggle
mukesh kumar
layout with last column three rows
2013/01/18 3:37
答え

mukesh kumar

ランク: Junior Member

投稿: 57

参加年月日: 2012/03/12

最近の投稿

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
2013/01/18 3:52
答え

Octavio Sánchez

ランク: Junior Member

投稿: 80

参加年月日: 2009/03/31

最近の投稿

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
2013/01/25 7:05
答え

Rahul Sharma

ランク: Junior Member

投稿: 60

参加年月日: 2012/01/10

最近の投稿

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
2013/01/25 9:10
答え

Subhash Pavuskar

ランク: Regular Member

投稿: 234

参加年月日: 2012/03/12

最近の投稿

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>