layout with last column three rows

Fórum

mukesh kumar, modificado 11 Anos atrás.

layout with last column three rows

Junior Member Postagens: 57 Data de Entrada: 13/03/12 Postagens 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, modificado 11 Anos atrás.

RE: layout with last column three rows

Junior Member Postagens: 80 Data de Entrada: 31/03/09 Postagens Recentes

I recommend you to see the article https://www.liferay.com/es/community/wiki/-/wiki/Main/Layout+Template

Rahul Sharma, modificado 11 Anos atrás.

RE: layout with last column three rows

Junior Member Postagens: 59 Data de Entrada: 11/01/12 Postagens Recentes

You can achieve this by creating the layout by the use of table tag in the tpl file.

Hope this helps!

Subhash Pavuskar, modificado 11 Anos atrás.

RE: layout with last column three rows

Regular Member Postagens: 234 Data de Entrada: 13/03/12 Postagens Recentes

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>