Forums

Home » Liferay Portal » English » 3. Development

Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Zaheer Shaikh
How should I create Custome Page Template
December 6, 2012 6:35 AM
Answer

Zaheer Shaikh

Rank: New Member

Posts: 7

Join Date: December 6, 2012

Recent Posts

Hi,
Please find attachment of png file. I want make custom page template ,
Where should i create custom page.




Your help is highly appreciated,
Thank You,
Best Regards
Zaheer Shaikh
Attachment

Attachments: page_template.png (14.3k)
Anil Sunkari
RE: How should I create Custome Page Template
December 6, 2012 7:40 AM
Answer

Anil Sunkari

Rank: Expert

Posts: 386

Join Date: August 11, 2009

Recent Posts

Hi Zaheer,

You can create it through plugins. (or) follow the below urls

http://www.liferay.com/documentation/liferay-portal/6.1/development/-/ai/lp-6-1-dgen05-creating-a-layout-template-0

http://www.liferay.com/documentation/liferay-portal/6.1/development/-/ai/lp-6-1-dgen05-creating-liferay-layout-templates-0

Regards,
Anil Sunkari
Zaheer Shaikh
RE: How should I create Custome Page Template
December 7, 2012 4:55 AM
Answer

Zaheer Shaikh

Rank: New Member

Posts: 7

Join Date: December 6, 2012

Recent Posts

Thank you Anil,

It helps me. But still I have problem to create structure whatever I want. I able to create template but not exactly what i want. Which i attach in mu previous post.
Is there are custom method or whether i define size of row. I Attache file what i created. I need red area as single column.

Thnks again.
Zaheer Shaikh
Attachment

Attachments: template_.png (17.5k)
Vaibhav Mittal
RE: How should I create Custome Page Template
December 7, 2012 7:54 AM
Answer

Vaibhav Mittal

Rank: Junior Member

Posts: 54

Join Date: July 16, 2012

Recent Posts

Follow below post and all queries of yours regarding layout will get solved.
http://www.liferay.com/community/forums/-/message_boards/message/14504635
Manish Kumar
RE: How should I create Custome Page Template
December 7, 2012 6:39 PM
Answer

Manish Kumar

Rank: Junior Member

Posts: 94

Join Date: March 1, 2012

Recent Posts

Hello Zaheer,
I created this type of layout using html table, will be much easier if you will be using rowspan and colspan.
Then i created 1 layout plugin and and you can put this table structure in your .tlp file.
For any other help you needed can post here.
Thanks,
Manish Kumar
Zaheer Shaikh
RE: How should I create Custome Page Template
December 8, 2012 3:16 AM
Answer

Zaheer Shaikh

Rank: New Member

Posts: 7

Join Date: December 6, 2012

Recent Posts

Thanks for Reply,
I tried it with table structure, eclipse replace the code when i move to Visual tab, i uses liferay 6.1
This was my code, i unable to understand how i merge two rows & two coloumn (like rowspan and colspan ) using div.

 1
 2<div class="NewPlugins" id="main-content" role="main">
 3    <div class="portlet-layout">
 4        <div class="portlet-column portlet-column-only" id="column-1">
 5            $processor.processColumn("column-1", "portlet-column-content portlet-column-content-only")
 6        </div>
 7    </div>
 8    <div class="portlet-layout">
 9        <div class="aui-w33 portlet-column portlet-column-first" id="column-2">
10            $processor.processColumn("column-2", "portlet-column-content portlet-column-content-first")
11        </div>
12        <div class="aui-w33 portlet-column" id="column-3">
13            $processor.processColumn("column-3", "portlet-column-content")
14        </div>
15        <div class="aui-w33 portlet-column portlet-column-last" id="column-4">
16            $processor.processColumn("column-4", "portlet-column-content portlet-column-content-last")
17        </div>
18    </div>
19    <div class="portlet-layout">
20        <div class="aui-w33 portlet-column portlet-column-first" id="column-5">
21            $processor.processColumn("column-5", "portlet-column-content portlet-column-content-first")
22        </div>
23        <div class="aui-w33 portlet-column" id="column-6">
24            $processor.processColumn("column-6", "portlet-column-content")
25        </div>
26        <div class="aui-w33 portlet-column portlet-column-last" id="column-7">
27            $processor.processColumn("column-7", "portlet-column-content portlet-column-content-last")
28        </div>
29    </div>
30    <div class="portlet-layout">
31        <div class="aui-w33 portlet-column portlet-column-first" id="column-8">
32            $processor.processColumn("column-8", "portlet-column-content portlet-column-content-first")
33        </div>
34        <div class="aui-w33 portlet-column" id="column-9">
35            $processor.processColumn("column-9", "portlet-column-content")
36        </div>
37        <div class="aui-w33 portlet-column portlet-column-last" id="column-10">
38            $processor.processColumn("column-10", "portlet-column-content portlet-column-content-last")
39        </div>
40    </div>
41    <div class="portlet-layout">
42        <div class="portlet-column portlet-column-only" id="column-11">
43            $processor.processColumn("column-11", "portlet-column-content portlet-column-content-only")
44        </div>
45    </div>
46</div>

Thanks Again,
Regards,
Zaheer Shaikh