Fórumok

layout with last column three rows

thumbnail
mukesh kumar, módosítva 11 év-val korábban

layout with last column three rows

Junior Member Bejegyzések: 57 Csatlakozás dátuma: 2012.03.13. Legújabb bejegyzések
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, módosítva 11 év-val korábban

RE: layout with last column three rows

Junior Member Bejegyzések: 80 Csatlakozás dátuma: 2009.03.31. Legújabb bejegyzések
I recommend you to see the article https://www.liferay.com/es/community/wiki/-/wiki/Main/Layout+Template
Rahul Sharma, módosítva 11 év-val korábban

RE: layout with last column three rows

Junior Member Bejegyzések: 59 Csatlakozás dátuma: 2012.01.11. Legújabb bejegyzések
You can achieve this by creating the layout by the use of table tag in the tpl file.

Hope this helps!
thumbnail
Subhash Pavuskar, módosítva 11 év-val korábban

RE: layout with last column three rows

Regular Member Bejegyzések: 234 Csatlakozás dátuma: 2012.03.13. Legújabb bejegyzések
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>