掲示板

layout with last column three rows

thumbnail
11年前 に mukesh kumar によって更新されました。

layout with last column three rows

Junior Member 投稿: 57 参加年月日: 12/03/13 最新の投稿
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
11年前 に Octavio Sánchez によって更新されました。

RE: layout with last column three rows

Junior Member 投稿: 80 参加年月日: 09/03/31 最新の投稿
I recommend you to see the article https://www.liferay.com/es/community/wiki/-/wiki/Main/Layout+Template
11年前 に Rahul Sharma によって更新されました。

RE: layout with last column three rows

Junior Member 投稿: 59 参加年月日: 12/01/11 最新の投稿
You can achieve this by creating the layout by the use of table tag in the tpl file.

Hope this helps!
thumbnail
11年前 に Subhash Pavuskar によって更新されました。

RE: layout with last column three rows

Regular Member 投稿: 234 参加年月日: 12/03/13 最新の投稿
Hi Mukesh,

Try This code


<table class="portlet-layout">
	<tbody><tr>
		<td class="aui-w33 portlet-column portlet-column-first" id="column-1">
			$processor.processColumn("column-1", "portlet-column-content portlet-column-content-first")
		</td>

		<td class="aui-w33 portlet-column" id="column-2">
			$processor.processColumn("column-2", "portlet-column-content")
		</td>
	
		<td class="aui-w33 portlet-column portlet-column-last" id="column-3">
			$processor.processColumn("column-3", "portlet-column-content portlet-column-content-last")
			 </td></tr><tr><td width="30%"></td></tr>
			<tr><td width="30%"></td></tr>
			<tr><td width="40%"></td></tr>
		
	
</tbody></table>