How to create custom theme in liferay?

[11年前 に Tanaji Londhe によって更新されました。]

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

[11年前 に David H Nebinger によって更新されました。]

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.

[11年前 に interesting facts によって更新されました。]

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

[11年前 に Tanaji Londhe によって更新されました。]

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

[11年前 に Hitoshi Ozawa によって更新されました。]

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

[11年前 に Tanaji Londhe によって更新されました。]

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

[11年前 に Anil Kumar によって更新されました。]

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

[11年前 に Tanaji M. Londhe によって更新されました。]

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=

[11年前 に Anil Kumar によって更新されました。]

Hi,

Thanks for your valuable time.

[11年前 に Anil Kumar によって更新されました。]

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.

[11年前 に Neetu Mishra によって更新されました。]

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

[11年前 に Mazhar Alam によって更新されました。]

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

[11年前 に Neetu Mishra によって更新されました。]

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.

[11年前 に Mazhar Alam によって更新されました。]

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

[11年前 に Neetu Mishra によって更新されました。]

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

[11年前 に Mazhar Alam によって更新されました。]

Thanks Again Neetu for your suggestion.

[11年前 に Neetu Mishra によって更新されました。]

Welcome!!

[11年前 に Vaibhav Mittal によって更新されました。]

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?

[11年前 に Neetu Mishra によって更新されました。]

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

[11年前 に Vaibhav Mittal によって更新されました。]

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

[11年前 に Neetu Mishra によって更新されました。]

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

[11年前 に Vaibhav Mittal によって更新されました。]

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.

[11年前 に Neetu Mishra によって更新されました。]

Anytime vaibhav.. &

did not emphasies ur point

It's alright !!

[11年前 に deepthi p によって更新されました。]

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

[11年前 に Neetu Mishra によって更新されました。]

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.

[11年前 に deepthi p によって更新されました。]

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

[11年前 に Hitoshi Ozawa によって更新されました。]

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.