Reg : Complex Layout Development

[Dhandapani S, geändert vor 12 Jahren.]

Hi All,

I want to develop custom layout with mixed of rows and columns.

Before Liferay 6 version, I was developing layout using table,tr and td. But In Liferay 6 onwards its all about only DIV tag. So using DIV tag, how can i develop mixed rows and columns layout.

It would be great, any one share me some sample layout tpl file.

Thanks in advance.

Regards

Dhandapani S.

[Samuel Kong, geändert vor 12 Jahren.]

Dhandapani,

You can take a look at the built in page layout template to get some ideas.
https://github.com/liferay/liferay-portal/tree/master/portal-web/docroot/layouttpl/custom

If you're not comfortable working with DIV based layouts, you can still use TABLES for your layout. In fact, the built in templates fall back on tables for IE 6 and 7.

[Dhandapani S, geändert vor 12 Jahren.]

Hi Samuel,

Could you please share me some sample tpl file using DIV tag for IE 8 and above browser compatibility.


Regards

Dhandapani S

[Dhandapani S, geändert vor 12 Jahren.]

Hi Samuel,

Could you please share me some sample tpl file (Complex mixed rows and columns) using DIV tag for IE 8 and above browser compatibility.


Regards

Dhandapani S

[Jitendra Rajput, geändert vor 12 Jahren.]

you can use OOB layouts as a reference. Just look into portal source if you are using enterprise edition

[Dhandapani S, geändert vor 12 Jahren.]

Hi All,

I need to develop custom layout using DIV tag. The layout should be looking like below attachment

Regards

Dhans

[Samuel Kong, geändert vor 12 Jahren.]

You can find sample templates files at https://github.com/liferay/liferay-portal/tree/master/portal-web/docroot/layouttpl/custom

[Rojalin Patri, geändert vor 12 Jahren.]

But Samuel,i don't think any of those available templates give a idea of creating a layout mixed with rows and columns as inquired by Dhandapani.
i am also looking for a same type of Layout..

[Samuel Kong, geändert vor 12 Jahren.]

Please refer to 1_2_1_columns.tpl and 2_2_columns.tpl

[Randy Parsons, geändert vor 11 Jahren.]

Were you ever able to figure out your layout?

I also need to use mixed rows and columns. The samples that everyone keeps do not address what you originally asked. Every Liferay example that I find shows distinct rows that may have 2 or more columns but none show distinct columns that have on or more additional columns within them.

If anyone else does have an example of this type it would really be beneficial.
I personally am looking for something like this:
3 columns (20%, 60%, 20%)
Column 2 is further split into 2 columns (50%, 50%)

Thanks.

[Samuel Kong, geändert vor 11 Jahren.]

Can you just create a 5 column layout (20, 30, 30, 20)?

[Kalpesh Sangani, geändert vor 10 Jahren.]

Hi,

You can create simple 2-1-layout layout and add nested portlet in first row first column and configured your created layout

[Eric Smith, geändert vor 10 Jahren.]

Dhandapani S:

Hi All,

I need to develop custom layout using DIV tag. The layout should be looking like below attachment

Regards

Dhans

Did you ever figure this out? I'm running into a similar issue with the attached layout. I don't think the 1-2-1 and 2-2 layouts help.

Thanks,

Eric

[Eric Smith, geändert vor 10 Jahren.]

The way to do complex page layouts is by using the nested portlet portlet

How to: https://www.permeance.com.au/web/tim.telcik/home/-/blogs/1222232