Fórum

How to create a page layout template without row by row layout?

Zhenlei Li, modificado 9 Anos atrás.

How to create a page layout template without row by row layout?

Junior Member Postagens: 51 Data de Entrada: 13/07/14 Postagens Recentes
Hi all

I learned the way to create templates with row by row, which using <div class="portlet-layout row-fluid">.

for now, I need a template which has 2 columns, and first column got 2 rows inside it, but second column only has 1 row.

thank you all
thumbnail
Byrån Zaugg, modificado 9 Anos atrás.

RE: How to create a page layout template without row by row layout?

Expert Postagens: 252 Data de Entrada: 06/04/12 Postagens Recentes
I'm curious why you need any one column, to have multiple rows? It's usually; you'll have a row with one or many columns.

But either way, take this as an example:
Adapted from: https://github.com/liferay/liferay-portal/blob/6.2.x/portal-web/docroot/layouttpl/custom/1_2_1_columns.tpl

<div class="my-custom-columns-2-1" id="main-content" role="main">
	<div class="portlet-layout row-fluid">
		<div class="portlet-column portlet-column-first span6">
			<div class="portlet-layout row-fluid">
				<div class="portlet-column portlet-column-first span6" id="column-1">
					$processor.processColumn("column-1", "portlet-column-content portlet-column-content-first")
				</div>
			</div>

			<div class="portlet-layout row-fluid">
				<div class="portlet-column portlet-column-first span6" id="column-2">
					$processor.processColumn("column-2", "portlet-column-content portlet-column-content-first")
				</div>
			</div>
		</div>

		<div class="portlet-column portlet-column-last span6" id="column-3">
			$processor.processColumn("column-3", "portlet-column-content portlet-column-content-last")
		</div>
	</div>
</div>
Zhenlei Li, modificado 9 Anos atrás.

RE: How to create a page layout template without row by row layout?

Junior Member Postagens: 51 Data de Entrada: 13/07/14 Postagens Recentes
Thank you Byran, got your idea.
Will try it.