How to create custom theme in liferay?

[Tanaji Londhe, modificado hace 11 años.]

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

[David H Nebinger, modificado hace 11 años.]

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.

[interesting facts, modificado hace 11 años.]

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

[Tanaji Londhe, modificado hace 11 años.]

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

[Hitoshi Ozawa, modificado hace 11 años.]

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

[Tanaji Londhe, modificado hace 11 años.]

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

[Anil Kumar, modificado hace 11 años.]

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

[Tanaji M. Londhe, modificado hace 11 años.]

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=

[Anil Kumar, modificado hace 11 años.]

Hi,

Thanks for your valuable time.

[Anil Kumar, modificado hace 11 años.]

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.

[Neetu Mishra, modificado hace 11 años.]

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

[Mazhar Alam, modificado hace 11 años.]

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

[Neetu Mishra, modificado hace 11 años.]

Mazhar Alam:

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

Hi Mazhar,

You can try some thing like this:

       <div class="portlet-layout">
              <div class="aui-w35 portlet-column portlet-column-first" id="column-1">
                     $processor.processColumn("column-1", "portlet-column-content portlet-column-content-first")
              </div>
              <div class="aui-w35 portlet-column" id="column-2">
                     $processor.processColumn("column-2", "portlet-column-content")
              </div>
              <div class="aui-w30 portlet-column portlet-column-last" id="column-3">
                     $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last")
              </div>
       </div>
       <div class="portlet-layout">
              <div class="aui-w70 portlet-column portlet-column-first" id="column-4">
                     $processor.processColumn("column-4", "portlet-column-content portlet-column-content-first")
              </div>
              <div class="aui-w30 portlet-column portlet-column-last" id="column-5">
                     $processor.processColumn("column-5", "portlet-column-content portlet-column-content-last")
              </div>
       </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.

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

[Mazhar Alam, modificado hace 11 años.]

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

[Neetu Mishra, modificado hace 11 años.]

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!!

[Mazhar Alam, modificado hace 11 años.]

Thanks Again Neetu for your suggestion.

[Neetu Mishra, modificado hace 11 años.]

Welcome!!

[Vaibhav Mittal, modificado hace 11 años.]

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?

[Neetu Mishra, modificado hace 11 años.]

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

[Vaibhav Mittal, modificado hace 11 años.]

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).

[Neetu Mishra, modificado hace 11 años.]

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

[Vaibhav Mittal, modificado hace 11 años.]

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.

[Neetu Mishra, modificado hace 11 años.]

Anytime vaibhav.. &

did not emphasies ur point

It's alright !!

[deepthi p, modificado hace 11 años.]

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

[Neetu Mishra, modificado hace 11 años.]

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.

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

[deepthi p, modificado hace 11 años.]

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

[Hitoshi Ozawa, modificado hace 11 años.]

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.