Foren

layout with last column three rows

thumbnail
mukesh kumar, geändert vor 11 Jahren.

layout with last column three rows

Junior Member Beiträge: 57 Beitrittsdatum: 13.03.12 Neueste 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, geändert vor 11 Jahren.

RE: layout with last column three rows

Junior Member Beiträge: 80 Beitrittsdatum: 31.03.09 Neueste Beiträge
I recommend you to see the article https://www.liferay.com/es/community/wiki/-/wiki/Main/Layout+Template
Rahul Sharma, geändert vor 11 Jahren.

RE: layout with last column three rows

Junior Member Beiträge: 59 Beitrittsdatum: 11.01.12 Neueste Beiträge
You can achieve this by creating the layout by the use of table tag in the tpl file.

Hope this helps!
thumbnail
Subhash Pavuskar, geändert vor 11 Jahren.

RE: layout with last column three rows

Regular Member Beiträge: 234 Beitrittsdatum: 13.03.12 Neueste Beiträge
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>