How to edit Chat portlet of liferay ?

[Amar Daulatkar, modificado 12 Anos atrás.]

Hello
I have to change the original look of chat portlet to new ones. I attach the two images. I want the 1'st look while 2'nd is the original. So what changes i do in original chat portlet and in which file?

Thank you.

[Jonas Yuan, modificado 12 Anos atrás.]

Hi Amar

You can reach the same by customizing Chat plugins' CSS.

possbile steps
1) get chat portlet and build it as local portlet plugin project
2) find CSS and change CSS
3) deploy custom chat plugins.

Hope that it helps,

Thanks.

Jonas Yuan

==================
The Author of Liferay Books:
Liferay 6.1 cookbook: Liferay Portal Systems Development
Liferay User Interface Development
Liferay Portal 6 Enterprise Intranets
Liferay Portal 5.2 Systems Development
Liferay Portal Enterprise Intranets

[Amar Daulatkar, modificado 12 Anos atrás.]

Thanks Jonas Yuan

But how to build it as local porltet plugin project ? And Please Help me in details and Which exact code should i change in CSS file.

[Hitoshi Ozawa, modificado 12 Anos atrás.]

Source to the chat portlet is in the chat-portlet\WEB-INF\src folder.

The css is included in the chat-portlet\css\main.jsp

[Omkar Kanore, modificado 11 Anos atrás.]

Hi Amar,

If you have completed with your customized Chat Portlet can you please share the war file with us.