<img alt="Liferay" height="36" src="http://cdn.www.liferay.com/osb-www-theme/images/custom/heading.png" width="146" />

Ranking: Regular Member

Mensagens: 169

Data de entrada: 25 de Abril de 2012

Hi, I recently start work on liferay portal and I search for simple application to create a Custom Theme in liferay but I can't found anywhere, So please help me.
Thanks

RE: How to create custom theme in liferay?

20 de Junho de 2012 19:16

Resposta

David H Nebinger

Ranking: Liferay Legend

Mensagens: 4496

Data de entrada: 1 de Setembro de 2006

Use the plugins sdk. Read the online develop doco. Review some of the sample themes. Purchase the Liferay in Action book. Take a course from Liferay. Lots of options, don't know what you searched for, but the options are out there.

Marcar como resposta

RE: How to create custom theme in liferay?

20 de Junho de 2012 22:04

Resposta

interesting facts

Ranking: Junior Member

Mensagens: 53

Data de entrada: 17 de Maio de 2012

Download Liferay IDE and make changes to create custom theme... You will come to know when you download liferay IDE

Marcar como resposta

RE: How to create custom theme in liferay?

22 de Junho de 2012 03:27

Resposta

Ranking: Regular Member

Mensagens: 169

Data de entrada: 25 de Abril de 2012

Thanx, and that book(Liferay in Action) is very good.

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Junho de 2012 06:11

Resposta

Hitoshi Ozawa

Ranking: Liferay Legend

Mensagens: 8000

Data de entrada: 23 de Março de 2010

Liferay's online documentation should be sufficient to create a simple theme.

http://www.liferay.com/documentation/liferay-portal/6.1/development/-/ai/creating-liferay-them-7

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Junho de 2012 22:59

Resposta

Ranking: Regular Member

Mensagens: 169

Data de entrada: 25 de Abril de 2012

Thank you very much Hitoshi, thats a very nice link.

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Junho de 2012 23:11

Resposta

Anil Kumar

Ranking: New Member

Mensagens: 13

Data de entrada: 24 de Junho de 2012

Hi,
Am new to Liferay portal 6.1 so please help me to handle out the service builder , and am facing lot of problems in configuring MySql with Liferay portal6.1.

Thank,
N Anil Kumar

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Junho de 2012 23:47

Resposta

Ranking: Regular Member

Mensagens: 169

Data de entrada: 25 de Abril de 2012

Hi Anil,

1) In Service Builder you can create simply DB table in a xml file. Based xml definition, Service create Hibernate & Spring configuration, finder methods, model layer, all DAOs layer and SQL to create the table on all DBs.

2)" ......./liferay-portal-6.0.6/tomcat-6.0.29/webapps/ROOT/WEB-INF/classes" go to directory folder then create one properties file called "portal-ext.properties" and enter following properties in that file. This properties for only MySql DB. You can go through this link you will get some idea (http://www.liferay.com/community/wiki/-/wiki/Main/Database+Configuration)

jdbc.default.driverClassName=com.mysql.jdbc.Driver
jdbc.default.url=jdbc:mysql://localhost/lportal?useUnicode=true&characterEncoding=UTF-8&useFastDateParsing=false
jdbc.default.username=
jdbc.default.password=

Marcar como resposta

RE: How to create custom theme in liferay?

30 de Junho de 2012 07:47

Resposta

Hitoshi Ozawa

Ranking: Liferay Legend

Mensagens: 8000

Data de entrada: 23 de Março de 2010

Anil, if you have a new question unrelated to the topic of the thread, please create a new thread. New threads can be created without any cost freely
and keeping 1 topic to a thread allows people with similar problems to search and find answers.

Marcar como resposta

RE: How to create custom theme in liferay?

3 de Julho de 2012 20:28

Resposta

Anil Kumar

Ranking: New Member

Mensagens: 13

Data de entrada: 24 de Junho de 2012

Hi,

Thanks for your valuable time.

Marcar como resposta

How to create custom Layouts in Liferay portal 6.1?

3 de Julho de 2012 20:37

Resposta

Anil Kumar

Ranking: New Member

Mensagens: 13

Data de entrada: 24 de Junho de 2012

Hi all,

I tried creating my custom layouts, the custom layout is deployed but there is no reflect to Liferay Portal when i select the custom layout.
Please provide any links/code to create custom layouts.

Marcar como resposta

RE: How to create custom Layouts in Liferay portal 6.1?

6 de Julho de 2012 01:45

Resposta

Ranking: Junior Member

Mensagens: 65

Data de entrada: 21 de Maio de 2012

Hi Anil,

This link may help to you for template creation
Layout Template
OR you can check your logs whether your layout is successfully registered or not.

Please always create a new thread for your queries as Hitoshi said. Here is the URL where you can select the category for your queries and post your queries accordingly.
Forum Categories

Marcar como resposta

RE: How to create custom Layouts in Liferay portal 6.1?

6 de Julho de 2012 03:08

Resposta

Mazhar Alam

Ranking: Regular Member

Mensagens: 179

Data de entrada: 25 de Novembro de 2011

Hi,
Any one tried with rowspan and colspan attribute in creating the layout.?

Marcar como resposta

RE: How to create custom Layouts in Liferay portal 6.1?

9 de Julho de 2012 00:03

Resposta

Ranking: Junior Member

Mensagens: 65

Data de entrada: 21 de Maio de 2012

Mazhar Alam:

Any one tried with rowspan and colspan attribute in creating the layout.?

Hi Mazhar,

You can try some thing like this:

1
2    <div class="portlet-layout">
3             <div class="aui-w35 portlet-column portlet-column-first" id="column-1">
4                   $processor.processColumn("column-1", "portlet-column-content portlet-column-content-first")
5             </div>
6             <div class="aui-w35 portlet-column" id="column-2">
7                   $processor.processColumn("column-2", "portlet-column-content")
8             </div>
9             <div class="aui-w30 portlet-column portlet-column-last" id="column-3">
10                   $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last")
11             </div>
12    </div>
13    <div class="portlet-layout">
14             <div class="aui-w70 portlet-column portlet-column-first" id="column-4">
15                   $processor.processColumn("column-4", "portlet-column-content portlet-column-content-first")
16             </div>
17             <div class="aui-w30 portlet-column portlet-column-last" id="column-5">
18                   $processor.processColumn("column-5", "portlet-column-content portlet-column-content-last")
19             </div>
20    </div>

Here column-1, column-2 & column-4 will give you a look of colspan because of two aui-w35 & one aui-w70.
and similarly, column-3 & column-5 will give a look of rowspan because they have same class i.e aui-w30. Please find it in attachments also. emoticon

It will become very simple if you try with Liferay SDK to create this. emoticon

Anexos:

rowspan_&_colspan.png (9,5k)

Marcar como resposta

RE: How to create custom Layouts in Liferay portal 6.1?

10 de Julho de 2012 00:59

Resposta

Mazhar Alam

Ranking: Regular Member

Mensagens: 179

Data de entrada: 25 de Novembro de 2011

Thanks Neetu for your suggestion,however i require the layout as this-
See attached image.

Anexos:

sample.PNG (5,8k)

Marcar como resposta

RE: How to create custom Layouts in Liferay portal 6.1?

10 de Julho de 2012 01:41

Resposta

Ranking: Junior Member

Mensagens: 65

Data de entrada: 21 de Maio de 2012

Hi Mazhar,

Just always remember to divide the page layout in terms of columns & rows. So like according to your requirements you can divide the page into two rows in which first row is divided into two columns (Lets say 30% & 70%) & the second row should have three columns( say 30%, 45%, & 25%).

Please note few points:
1) The sum of the percentage of all the columns in a row should be 100%.
2) You can add multiple portlets in a column.

Cheers!!

Marcar como resposta

RE: How to create custom Layouts in Liferay portal 6.1?

10 de Julho de 2012 23:56

Resposta

Mazhar Alam

Ranking: Regular Member

Mensagens: 179

Data de entrada: 25 de Novembro de 2011

Thanks Again Neetu for your suggestion.

Marcar como resposta

RE: How to create custom theme in liferay?

16 de Julho de 2012 07:23

Resposta

Ranking: Junior Member

Mensagens: 65

Data de entrada: 21 de Maio de 2012

Welcome!!

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Julho de 2012 02:47

Resposta

Vaibhav Mittal

Ranking: Junior Member

Mensagens: 42

Data de entrada: 16 de Julho de 2012

Hi Neetu ! Your way around for Mazhar's requirement is nice as i also found no way for creating a template who has 1 column and 2 rows adjacent to that column. When i tried this i found 1 problem. If we make template defined by you then blank space is left below the 1st 30% for the second 30% which is obvious. Don't we have another way?

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Julho de 2012 02:55

Resposta

Ranking: Junior Member

Mensagens: 65

Data de entrada: 21 de Maio de 2012

Vaibhav Mittal:

blank space is left below the 1st 30% for the second 30% which is obvious.

Hi Vaibhav,

I didn't get it clearly. so it would be good if you add the snapshot of your problem.

Thanks,
Neetu

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Julho de 2012 03:18

Resposta

Vaibhav Mittal

Ranking: Junior Member

Mensagens: 42

Data de entrada: 16 de Julho de 2012

Like we have below template:
60 40
60 40
60 40
My requirememt is to put 1 web content in top coloumn (60) and 1 each in 40, 40 and 40 and we want nothing in both 60. Then web page will show blank space for these two.
I have attatched Scren shot. Here i have added 3 portlet adjacent to image which fulfills the requirement of placing 3 different portlet adjacent to 1 column but now the blank space is left below 60(which is between content and footer).

Anexos:

Space Issue.jpeg (129,9k)

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Julho de 2012 03:29

Resposta

Ranking: Junior Member

Mensagens: 65

Data de entrada: 21 de Maio de 2012

Hi Vaibhav,

I got your the point now. Just create one row with 60 & 40 column as you can add multiple portlets in a column.

See the attached screen shot, it might help you to understand the whole problem emoticon

Anexos:

single_row.png (10,3k)

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Julho de 2012 04:06

Resposta

Vaibhav Mittal

Ranking: Junior Member

Mensagens: 42

Data de entrada: 16 de Julho de 2012

Thnxx a lot Neetu !! I applied almost 20 P&C in code of layout to get this result but i did not emphasies ur point "you can add multiple portlets in a column". Problem is solved.

Marcar como resposta

RE: How to create custom theme in liferay?

24 de Julho de 2012 04:09

Resposta

Ranking: Junior Member

Mensagens: 65

Data de entrada: 21 de Maio de 2012

Anytime vaibhav.. &

did not emphasies ur point

It's alright !! emoticon

Marcar como resposta

RE: How to create custom theme in liferay?

10 de Setembro de 2012 05:29

Resposta

deepthi p

Ranking: New Member

Mensagens: 8

Data de entrada: 10 de Setembro de 2012

hi ,
Can we divide layout in to 3 rows of specified width (like 25 ,50,25).
Please help me .
thanks.

Marcar como resposta

RE: How to create custom theme in liferay?

10 de Setembro de 2012 20:08

Resposta

Ranking: Junior Member

Mensagens: 65

Data de entrada: 21 de Maio de 2012

deepthi p:

hi ,
Can we divide layout in to 3 rows of specified width (like 25 ,50,25).
Please help me .
thanks.

Hi Deepthi,

You can divide your page vertically but It's not possible to divide the page horizontally. Horizontal division is based on the height of your portlet so one thing you can do is try to fix the height using the CSS. emoticon

Please let me know if you need any more help for my side. emoticon

Marcar como resposta

RE: How to create custom theme in liferay?

25 de Setembro de 2012 04:08

Resposta

deepthi p

Ranking: New Member

Mensagens: 8

Data de entrada: 10 de Setembro de 2012

Thanks neetu ,
i will try that using css and let you know if i face any issue .